forked from typecho-fans/plugins
-
Notifications
You must be signed in to change notification settings - Fork 1
/
Plugin.php
775 lines (713 loc) · 45 KB
/
Plugin.php
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
632
633
634
635
636
637
638
639
640
641
642
643
644
645
646
647
648
649
650
651
652
653
654
655
656
657
658
659
660
661
662
663
664
665
666
667
668
669
670
671
672
673
674
675
676
677
678
679
680
681
682
683
684
685
686
687
688
689
690
691
692
693
694
695
696
697
698
699
700
701
702
703
704
705
706
707
708
709
710
711
712
713
714
715
716
717
718
719
720
721
722
723
724
725
726
727
728
729
730
731
732
733
734
735
736
737
738
739
740
741
742
743
744
745
746
747
748
749
750
751
752
753
754
755
756
757
758
759
760
761
762
763
764
765
766
767
768
769
770
771
772
773
774
775
<?php
if (!defined('__TYPECHO_ROOT_DIR__')) exit;
/**
* 为博客添加HTML5影音播放器JW Player
*
* @package JWPlayer
* @author 羽中
* @version 1.0.9
* @dependence 14.5.26-*
* @link http://www.yzmb.me/archives/net/jwplayer-for-typecho
*/
class JWPlayer_Plugin implements Typecho_Plugin_Interface
{
/**
* 初始播放器ID
*
* @access private
* @var integer
*/
private static $id = 0;
/**
* 默认配色数组
*
* @access private
* @var array
*/
private static $skincs = array(
'controlbar.text'=>'#FFFFFF',
'controlbar.icons'=>'rgba(255,255,255,0.8)',
'controlbar.iconsActive'=>'#FFFFFF',
'controlbar.background'=>'rgba(0,0,0,0)',
'timeslider.progress'=>'#F2F2F2',
'timeslider.rail'=>'rgba(255,255,255,0.3)',
'menus.text'=>'rgba(255,255,255,0.8)',
'menus.textActive'=>'#FFFFFF',
'menus.background'=>'#333333',
'tooltips.text'=>'#000000',
'tooltips.background'=>'#FFFFFF'
);
/**
* 激活插件方法,如果激活失败,直接抛出异常
*
* @access public
* @return void
* @throws Typecho_Plugin_Exception
*/
public static function activate()
{
Typecho_Plugin::factory('Widget_Abstract_Contents')->contentEx = array('JWPlayer_Plugin','jwparse');
Typecho_Plugin::factory('Widget_Abstract_Contents')->excerpt = array('JWPlayer_Plugin','txtparse');
Typecho_Plugin::factory('admin/write-post.php')->bottom = array('JWPlayer_Plugin','jwbutton');
Typecho_Plugin::factory('admin/write-page.php')->bottom = array('JWPlayer_Plugin','jwbutton');
/* 模版调用钩子 例: <?php $this->jwplayer(array('file'=>'http://test.mp4')); ?> 参数为键值对 */
Typecho_Plugin::factory('Widget_Archive')->callJwplayer = array('JWPlayer_Plugin', 'output');
}
/**
* 禁用插件方法,如果禁用失败,直接抛出异常
*
* @static
* @access public
* @return void
* @throws Typecho_Plugin_Exception
*/
public static function deactivate(){}
/**
* 获取插件配置面板
*
* @access public
* @param Typecho_Widget_Helper_Form $form 配置面板
* @return void
*/
public static function config(Typecho_Widget_Helper_Form $form)
{
$options = Helper::options();
$security = Helper::security();
$plugurl = $options->pluginUrl;
//格式化默认配色
$cset = array();
$cs = Json::encode(self::$skincs);
if (isset($options->plugins['activated']['JWPlayer'])) {
$settings = $options->plugin('JWPlayer');
$cset = Json::decode($settings->jwcolors,true);
}
//输出面板效果
echo '
<div class="description">
'._t('编辑文章或页面写入%s文件地址%s即可显示影音播放器, ','<strong><jw><span>','</span></jw></strong>').'
'._t('多个文件连播可用%s号隔开,','<strong>,</strong>').'<br/>
'._t('参数间用%s号隔开, 支持%s等<a class="tog" href="###" title="点击显隐">[参数列表]</a>. 示例','<strong>|</strong>','<span>width</span>(宽度)<span>height</span>(高度)<span>image</span>(封面)<span>title</span>(标题)').'</div>
<div class="sample">
<span><jw></span>http://a.mp4<span>,</span>http://b.flv<span>|</span><br/>
<span>image=</span>http://aa.jpg<span>,</span>http://bb.png<span>|</span><br/>
<span>title=</span>aaa<span>,</span>bbb<span>|</span><br/>
<span>autostart=</span>false<span>|</span><br/>
<span>repeat</span>=true<span></jw></span>
</div>
<link href="'.$plugurl.'/JWPlayer/cpicker/colorpicker.css" rel="stylesheet"/>
<link href="'.$plugurl.'/JWPlayer/admin/admin.css" rel="stylesheet"/>
<style type="text/css">
#demo .jw-controlbar .jw-icon-inline.jw-text, #demo .jw-title-primary, #demo .jw-title-secondary{color:'.$cset['controlbar.text'].';}
#demo .jw-button-color{color:'.$cset['controlbar.icons'].';}
#demo .jw-button-color:hover{color:'.$cset['controlbar.iconsActive'].';}
#demo .jw-controlbar{background-color:'.$cset['controlbar.background'].';}
#demo .jw-progress, #demo .jw-knob{background-color:'.$cset['timeslider.progress'].';}
#demo .jw-rail{background-color:'.$cset['timeslider.rail'].';}
#demo .jw-nextup-tooltip, #demo .jw-nextup-close{color:'.$cset['menus.text'].';}
#demo .jw-nextup-tooltip:hover, #demo .jw-nextup-close:hover{color:'.$cset['menus.textActive'].';}
#demo .jw-nextup{background-color:'.$cset['menus.background'].';}
#demo .jw-tooltip .jw-text{color:'.$cset['tooltips.text'].';}
#demo .jw-tooltip{color:'.$cset['tooltips.background'].';}
#demo .jw-tooltip .jw-text{background-color:'.$cset['tooltips.background'].';}
</style>
<div id="table">
<table>
<colgroup>
<col width="20%"/>
<col width="10%"/>
<col width="70%"/>
</colgroup>
<thead>
<tr>
<th>'._t('参数').'</th>
<th>'._t('默认').'</th>
<th>'._t('说明').'</th>
</tr>
</thead>
<tbody>
<tr>
<td class="param">image</td>
<td class="value">-</td>
<td>'._t('封面图片url，播放音频时全程显示。').'</td>
</tr>
<tr>
<td class="param">title</td>
<td class="value">-</td>
<td>'._t('标题文字，封面窗口和列表项显示。').'</td>
</tr>
<tr>
<td class="param">description</td>
<td class="value">-</td>
<td>'._t('描述文字，封面窗口显示。').'</td>
</tr>
<tr>
<td class="param">tracks</td>
<td class="value">-</td>
<td>'._t('字幕文件url，支持WebVTT/SRT/DFXP格式。').'</td>
</tr>
<tr>
<td class="param">width</td>
<td class="value">640</td>
<td>'._t('宽度像素值(整数)或百分数。').'</td>
</tr>
<tr>
<td class="param">height</td>
<td class="value">360</td>
<td>'._t('高度像素值(整数)，40为音频模式高度。').'</td>
</tr>
<tr>
<td class="param">aspectratio</td>
<td class="value">-</td>
<td>'._t('宽高比如%s，与百分数width锁定画面比例。','<span class="value">16:9</span>').'</td>
</tr>
<tr>
<td class="param">autostart</td>
<td class="value">false</td>
<td>'._t('自动播放，为%s时开启。','<span class="value">true</span>').'</td>
</tr>
<tr>
<td class="param">repeat</td>
<td class="value">false</td>
<td>'._t('循环播放，为%s时开启。','<span class="value">true</span>').'</td>
</tr>
<tr>
<td class="param">mute</td>
<td class="value">false</td>
<td>'._t('静音，为%s时开启。','<span class="value">true</span>').'</td>
</tr>
<tr>
<td class="param">preload</td>
<td class="value">metadata</td>
<td>'._t('预加载，%s最少/%s禁用/%s自动。','<span class="value">metadata</span>','<span class="value">none</span>','<span class="value">auto</span>').'</td>
</tr>
<tr>
<td class="param">abouttext</td>
<td class="value">-</td>
<td>'._t('右击菜单文字，可覆盖插件提示原文链接设置。').'</td>
</tr>
<tr>
<td class="param">aboutlink</td>
<td class="value">-</td>
<td>'._t('右击菜单链接，同上。').'</td>
</tr>
<tr>
<td class="param">stretching</td>
<td class="value">uniform</td>
<td>'._t('画面适应方法，可覆盖插件统一设置，对应值%s固定/%s缩放/%s裁切/%s拉伸。','<span class="value">none</span>','<span class="value">uniform</span>','<span class="value">fill</span>','<span class="value">exactfit</span>').'</td>
</tr>
<tr>
<td class="param">minDvrWindow</td>
<td class="value">120</td>
<td>'._t('(直播流)回放模式判定，默认检测到120个缓存单元开启，设置为0可强制显示录像控制按钮。','<span class="value">monoscopic</span>','<strong>,</strong>').'</td>
</tr>
<tr>
<td class="param">stereomode</td>
<td class="value">-</td>
<td>'._t('VR全景模式解析，使用值%s即为360度自由旋转，多个视频可重复该值用%s号分隔。','<span class="value">monoscopic</span>','<strong>,</strong>').'</td>
</tr>
<tr>
<td class="param">cast</td>
<td class="value">-</td>
<td>'._t('投屏模式，没有值，留空即可自动检测%s或%s设备请求并显示相关按钮。','<a href="https://www.google.com/cast/" target="_blank">Google Cast</a>','<a href="https://support.apple.com/zh-cn/HT204289" target="_blank">Apple Airplay</a>').'</td>
</tr>
</tbody>
</table>
</div>
<script src="'.$options->adminUrl.'js/jquery.js"></script>
<script src="'.$plugurl.'/JWPlayer/cpicker/colorpicker.js"></script>
<script src="'.$plugurl.'/JWPlayer/admin/admin.js"></script>
<script>
$(function(){
var tab = $("table");
$(".tog").click(function(){
tab.css("opacity","0.9").toggle();
return false;
});
$(document).bind("click", function(e){
if($(e.target).closest(tab).length>0){
tab.show();
}else{
tab.hide();
}
});
});
</script>
';
$skin = new Typecho_Widget_Helper_Form_Element_Select('skin',
array(
'controlbar.text'=>_t('控制栏文本'),
'controlbar.icons'=>_t('图标'),
'controlbar.iconsActive'=>_t('图标(悬停)'),
'controlbar.background'=>_t('控制栏背景'),
'timeslider.progress'=>_t('进度条'),
'timeslider.rail'=>_t('进度条(剩余)'),
'menus.text'=>_t('菜单文本'),
'menus.textActive'=>_t('菜单文本(悬停)'),
'menus.background'=>_t('菜单背景'),
'tooltips.text'=>_t('提示文字'),
'tooltips.background'=>_t('提示文字背景')
),
'controlbar.text','
<div id="demo" class="jwplayer jw-reset jw-state-idle jw-state-paused jw-stretch-uniform jw-flag-aspect-mode jw-breakpoint-2 jw-no-focus jw-flag-nextup jw-flag-user-inactive" tabindex="0" aria-label="Video Player" style="max-width: 512px;"><div class="jw-aspect jw-reset" style="padding-top: 56.25%;"></div><div class="jw-media jw-reset"><video class="jw-video jw-reset" disableremoteplayback="" webkit-playsinline="" playsinline="" src="" style="object-fit: fill;"></video></div><div class="jw-preview jw-reset" style="background-image: url("'.$plugurl.'/JWPlayer/admin/demo-cover.jpg"); background-size: cover;"></div><div class="jw-controls-backdrop jw-reset"></div><div class="jw-captions jw-reset jw-captions-enabled" style="font-size: 14px;"><div class="jw-captions-window jw-reset"><span class="jw-captions-text jw-reset"></span></div></div><div class="jw-title jw-reset"><div class="jw-title-primary jw-reset">'._t('视频标题文本(控制栏)').'</div><div class="jw-title-secondary jw-reset">'._t('视频描述文本(控制栏)').'</div></div><div class="jw-overlays jw-reset"><div id="demo_related" class="jw-plugin jw-reset jw-plugin-related"></div></div><div class="afs_ads" style="width: 1px; height: 1px; position: absolute; background: transparent none repeat scroll 0% 0%;"> </div><div class="jw-controls jw-reset"><div class="jw-display jw-reset"><div class="jw-display-container jw-reset"><div class="jw-display-controls jw-reset"><div class="jw-display-icon-container jw-display-icon-rewind jw-reset"><div class="jw-icon jw-icon-rewind jw-button-color jw-reset" role="button" tabindex="0" aria-label="后退10秒"><svg class="jw-svg-icon jw-svg-icon-rewind" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 240 240" focusable="false"><path d="M113.2,131.078a21.589,21.589,0,0,0-17.7-10.6,21.589,21.589,0,0,0-17.7,10.6,44.769,44.769,0,0,0,0,46.3,21.589,21.589,0,0,0,17.7,10.6,21.589,21.589,0,0,0,17.7-10.6,44.769,44.769,0,0,0,0-46.3Zm-17.7,47.2c-7.8,0-14.4-11-14.4-24.1s6.6-24.1,14.4-24.1,14.4,11,14.4,24.1S103.4,178.278,95.5,178.278Zm-43.4,9.7v-51l-4.8,4.8-6.8-6.8,13-13a4.8,4.8,0,0,1,8.2,3.4v62.7l-9.6-.1Zm162-130.2v125.3a4.867,4.867,0,0,1-4.8,4.8H146.6v-19.3h48.2v-96.4H79.1v19.3c0,5.3-3.6,7.2-8,4.3l-41.8-27.9a6.013,6.013,0,0,1-2.7-8,5.887,5.887,0,0,1,2.7-2.7l41.8-27.9c4.4-2.9,8-1,8,4.3v19.3H209.2A4.974,4.974,0,0,1,214.1,57.778Z"></path></svg></div></div><div class="jw-display-icon-container jw-display-icon-display jw-reset" style="cursor: pointer;"><div class="jw-icon jw-icon-display jw-button-color jw-reset" role="button" tabindex="0" aria-label="Start Playback"><svg xmlns="http://www.w3.org/2000/svg" class="jw-svg-icon jw-svg-icon-buffer" viewBox="0 0 240 240" focusable="false"><path d="M120,186.667a66.667,66.667,0,0,1,0-133.333V40a80,80,0,1,0,80,80H186.667A66.846,66.846,0,0,1,120,186.667Z"></path></svg><svg class="jw-svg-icon jw-svg-icon-replay" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 240 240" focusable="false"><path d="M120,41.9v-20c0-5-4-8-8-4l-44,28a5.865,5.865,0,0,0-3.3,7.6A5.943,5.943,0,0,0,68,56.8l43,29c5,4,9,1,9-4v-20a60,60,0,1,1-60,60H40a80,80,0,1,0,80-79.9Z"></path></svg><svg xmlns="http://www.w3.org/2000/svg" class="jw-svg-icon jw-svg-icon-play" viewBox="0 0 240 240" focusable="false"><path d="M62.8,199.5c-1,0.8-2.4,0.6-3.3-0.4c-0.4-0.5-0.6-1.1-0.5-1.8V42.6c-0.2-1.3,0.7-2.4,1.9-2.6c0.7-0.1,1.3,0.1,1.9,0.4l154.7,77.7c2.1,1.1,2.1,2.8,0,3.8L62.8,199.5z"></path></svg><svg xmlns="http://www.w3.org/2000/svg" class="jw-svg-icon jw-svg-icon-pause" viewBox="0 0 240 240" focusable="false"><path d="M100,194.9c0.2,2.6-1.8,4.8-4.4,5c-0.2,0-0.4,0-0.6,0H65c-2.6,0.2-4.8-1.8-5-4.4c0-0.2,0-0.4,0-0.6V45c-0.2-2.6,1.8-4.8,4.4-5c0.2,0,0.4,0,0.6,0h30c2.6-0.2,4.8,1.8,5,4.4c0,0.2,0,0.4,0,0.6V194.9z M180,45.1c0.2-2.6-1.8-4.8-4.4-5c-0.2,0-0.4,0-0.6,0h-30c-2.6-0.2-4.8,1.8-5,4.4c0,0.2,0,0.4,0,0.6V195c-0.2,2.6,1.8,4.8,4.4,5c0.2,0,0.4,0,0.6,0h30c2.6,0.2,4.8-1.8,5-4.4c0-0.2,0-0.4,0-0.6V45.1z"></path></svg></div></div><div class="jw-display-icon-container jw-display-icon-next jw-reset" style=""><div class="jw-icon jw-icon-next jw-button-color jw-reset" role="button" tabindex="0" aria-label="Next"><svg xmlns="http://www.w3.org/2000/svg" class="jw-svg-icon jw-svg-icon-next" viewBox="0 0 240 240"><path d="M165,60v53.3L59.2,42.8C56.9,41.3,55,42.3,55,45v150c0,2.7,1.9,3.8,4.2,2.2L165,126.6v53.3h20v-120L165,60L165,60z"></path></svg></div></div></div></div></div><div class="jw-nextup-container jw-reset jw-nextup-sticky jw-nextup-container-visible"><div class="jw-nextup jw-background-color jw-reset jw-nextup-thumbnail-visible"><div class="jw-nextup-tooltip jw-reset"><div class="jw-nextup-thumbnail jw-reset" style="background-image: url("'.$plugurl.'/JWPlayer/admin/next-cover.jpg");"></div><div class="jw-nextup-body jw-reset"><div class="jw-nextup-header jw-reset">下一个</div><div class="jw-nextup-title jw-reset">'._t('视频标题文本(菜单)').'</div><div class="jw-nextup-duration jw-reset">00:25</div></div></div><button type="button" class="jw-icon jw-nextup-close jw-reset" aria-label="Next Up Close"><svg xmlns="http://www.w3.org/2000/svg" class="jw-svg-icon jw-svg-icon-close" viewBox="0 0 240 240" focusable="false"><path d="M134.8,120l48.6-48.6c2-1.9,2.1-5.2,0.2-7.2c0,0-0.1-0.1-0.2-0.2l-7.4-7.4c-1.9-2-5.2-2.1-7.2-0.2c0,0-0.1,0.1-0.2,0.2L120,105.2L71.4,56.6c-1.9-2-5.2-2.1-7.2-0.2c0,0-0.1,0.1-0.2,0.2L56.6,64c-2,1.9-2.1,5.2-0.2,7.2c0,0,0.1,0.1,0.2,0.2l48.6,48.7l-48.6,48.6c-2,1.9-2.1,5.2-0.2,7.2c0,0,0.1,0.1,0.2,0.2l7.4,7.4c1.9,2,5.2,2.1,7.2,0.2c0,0,0.1-0.1,0.2-0.2l48.7-48.6l48.6,48.6c1.9,2,5.2,2.1,7.2,0.2c0,0,0.1-0.1,0.2-0.2l7.4-7.4c2-1.9,2.1-5.2,0.2-7.2c0,0-0.1-0.1-0.2-0.2L134.8,120z"></path></svg></button></div></div><div class="jw-reset jw-settings-menu" role="menu" aria-expanded="false"><div class="jw-reset jw-settings-topbar" role="menubar"><div class="jw-icon jw-icon-inline jw-button-color jw-reset jw-settings-quality jw-submenu-quality" role="menuitemradio" tabindex="0" aria-label="quality" style="" aria-checked="false" name="quality"><svg class="jw-svg-icon jw-svg-icon-quality-100" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 240 240" focusable="false"><path d="M55,200H35c-3,0-5-2-5-4c0,0,0,0,0-1v-30c0-3,2-5,4-5c0,0,0,0,1,0h20c3,0,5,2,5,4c0,0,0,0,0,1v30C60,198,58,200,55,200L55,200z M110,195v-70c0-3-2-5-4-5c0,0,0,0-1,0H85c-3,0-5,2-5,4c0,0,0,0,0,1v70c0,3,2,5,4,5c0,0,0,0,1,0h20C108,200,110,198,110,195L110,195z M160,195V85c0-3-2-5-4-5c0,0,0,0-1,0h-20c-3,0-5,2-5,4c0,0,0,0,0,1v110c0,3,2,5,4,5c0,0,0,0,1,0h20C158,200,160,198,160,195L160,195z M210,195V45c0-3-2-5-4-5c0,0,0,0-1,0h-20c-3,0-5,2-5,4c0,0,0,0,0,1v150c0,3,2,5,4,5c0,0,0,0,1,0h20C208,200,210,198,210,195L210,195z"></path></svg><div class="jw-reset jw-tooltip jw-tooltip-quality"><div class="jw-text">画质</div></div></div><div class="jw-icon jw-icon-inline jw-button-color jw-reset jw-settings-close" role="button" tabindex="0" aria-label="Close Settings" style=""><svg xmlns="http://www.w3.org/2000/svg" class="jw-svg-icon jw-svg-icon-close" viewBox="0 0 240 240" focusable="false"><path d="M134.8,120l48.6-48.6c2-1.9,2.1-5.2,0.2-7.2c0,0-0.1-0.1-0.2-0.2l-7.4-7.4c-1.9-2-5.2-2.1-7.2-0.2c0,0-0.1,0.1-0.2,0.2L120,105.2L71.4,56.6c-1.9-2-5.2-2.1-7.2-0.2c0,0-0.1,0.1-0.2,0.2L56.6,64c-2,1.9-2.1,5.2-0.2,7.2c0,0,0.1,0.1,0.2,0.2l48.6,48.7l-48.6,48.6c-2,1.9-2.1,5.2-0.2,7.2c0,0,0.1,0.1,0.2,0.2l7.4,7.4c1.9,2,5.2,2.1,7.2,0.2c0,0,0.1-0.1,0.2-0.2l48.7-48.6l48.6,48.6c1.9,2,5.2,2.1,7.2,0.2c0,0,0.1-0.1,0.2-0.2l7.4-7.4c2-1.9,2.1-5.2,0.2-7.2c0,0-0.1-0.1-0.2-0.2L134.8,120z"></path></svg></div></div><div class="jw-reset jw-settings-submenu" role="menu" aria-expanded="false"><button type="button" class="jw-reset jw-settings-content-item jw-settings-item-active" role="menuitemradio" aria-checked="true">自动</button><button type="button" class="jw-reset jw-settings-content-item" role="menuitemradio" aria-checked="false">1080p</button><button type="button" class="jw-reset jw-settings-content-item" role="menuitemradio" aria-checked="false">720p</button><button type="button" class="jw-reset jw-settings-content-item" role="menuitemradio" aria-checked="false">406p</button><button type="button" class="jw-reset jw-settings-content-item" role="menuitemradio" aria-checked="false">270p</button><button type="button" class="jw-reset jw-settings-content-item" role="menuitemradio" aria-checked="false">180p</button></div></div><div class="jw-controlbar jw-reset"><div class="jw-slider-time jw-background-color jw-reset jw-slider-horizontal jw-reset" aria-hidden="true"><div class="jw-slider-container jw-reset"><div class="jw-rail jw-reset"></div><div class="jw-buffer jw-reset" style="width: 30%;"></div><div class="jw-progress jw-reset" style="width: 30%;"></div><div class="jw-knob jw-reset" style="left: 30%;"></div><div class="jw-icon jw-icon-tooltip jw-tooltip-time jw-button-color jw-reset" style="left: 12.3%;"><div class="jw-overlay jw-reset"><div class="jw-time-tip jw-reset"><div class="jw-time-thumb jw-reset" style="width: 120px; height: 67px; margin: 0px auto; background-position: -120px 0px;"></div><span class="jw-text jw-reset">00:03</span></div></div></div></div></div><div class="jw-reset jw-button-container"><div class="jw-icon jw-icon-inline jw-button-color jw-reset jw-icon-playback" role="button" tabindex="0" aria-label="Play" style=""><svg xmlns="http://www.w3.org/2000/svg" class="jw-svg-icon jw-svg-icon-play" viewBox="0 0 240 240" focusable="false"><path d="M62.8,199.5c-1,0.8-2.4,0.6-3.3-0.4c-0.4-0.5-0.6-1.1-0.5-1.8V42.6c-0.2-1.3,0.7-2.4,1.9-2.6c0.7-0.1,1.3,0.1,1.9,0.4l154.7,77.7c2.1,1.1,2.1,2.8,0,3.8L62.8,199.5z"></path></svg><svg xmlns="http://www.w3.org/2000/svg" class="jw-svg-icon jw-svg-icon-pause" viewBox="0 0 240 240" focusable="false"><path d="M100,194.9c0.2,2.6-1.8,4.8-4.4,5c-0.2,0-0.4,0-0.6,0H65c-2.6,0.2-4.8-1.8-5-4.4c0-0.2,0-0.4,0-0.6V45c-0.2-2.6,1.8-4.8,4.4-5c0.2,0,0.4,0,0.6,0h30c2.6-0.2,4.8,1.8,5,4.4c0,0.2,0,0.4,0,0.6V194.9z M180,45.1c0.2-2.6-1.8-4.8-4.4-5c-0.2,0-0.4,0-0.6,0h-30c-2.6-0.2-4.8,1.8-5,4.4c0,0.2,0,0.4,0,0.6V195c-0.2,2.6,1.8,4.8,4.4,5c0.2,0,0.4,0,0.6,0h30c2.6,0.2,4.8-1.8,5-4.4c0-0.2,0-0.4,0-0.6V45.1z"></path></svg><svg class="jw-svg-icon jw-svg-icon-stop" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 240 240" focusable="false"><path d="M190,185c0.2,2.6-1.8,4.8-4.4,5c-0.2,0-0.4,0-0.6,0H55c-2.6,0.2-4.8-1.8-5-4.4c0-0.2,0-0.4,0-0.6V55c-0.2-2.6,1.8-4.8,4.4-5c0.2,0,0.4,0,0.6,0h130c2.6-0.2,4.8,1.8,5,4.4c0,0.2,0,0.4,0,0.6V185z"></path></svg></div><div class="jw-icon jw-icon-inline jw-button-color jw-reset jw-icon-rewind" role="button" tabindex="0" aria-label="后退10秒" style=""><svg class="jw-svg-icon jw-svg-icon-rewind" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 240 240" focusable="false"><path d="M113.2,131.078a21.589,21.589,0,0,0-17.7-10.6,21.589,21.589,0,0,0-17.7,10.6,44.769,44.769,0,0,0,0,46.3,21.589,21.589,0,0,0,17.7,10.6,21.589,21.589,0,0,0,17.7-10.6,44.769,44.769,0,0,0,0-46.3Zm-17.7,47.2c-7.8,0-14.4-11-14.4-24.1s6.6-24.1,14.4-24.1,14.4,11,14.4,24.1S103.4,178.278,95.5,178.278Zm-43.4,9.7v-51l-4.8,4.8-6.8-6.8,13-13a4.8,4.8,0,0,1,8.2,3.4v62.7l-9.6-.1Zm162-130.2v125.3a4.867,4.867,0,0,1-4.8,4.8H146.6v-19.3h48.2v-96.4H79.1v19.3c0,5.3-3.6,7.2-8,4.3l-41.8-27.9a6.013,6.013,0,0,1-2.7-8,5.887,5.887,0,0,1,2.7-2.7l41.8-27.9c4.4-2.9,8-1,8,4.3v19.3H209.2A4.974,4.974,0,0,1,214.1,57.778Z"></path></svg><div class="jw-reset jw-tooltip jw-tooltip-rewind" aria-expanded="false"><div class="jw-text">后退10秒</div></div></div><div class="jw-icon jw-icon-inline jw-button-color jw-reset jw-icon-next" role="button" tabindex="0" aria-label="Next" style=""><svg xmlns="http://www.w3.org/2000/svg" class="jw-svg-icon jw-svg-icon-next" viewBox="0 0 240 240"><path d="M165,60v53.3L59.2,42.8C56.9,41.3,55,42.3,55,45v150c0,2.7,1.9,3.8,4.2,2.2L165,126.6v53.3h20v-120L165,60L165,60z"></path></svg><div class="jw-reset jw-tooltip jw-tooltip-next"><div class="jw-text">下一个: Cycle Tour: Tuscany to Umbria</div></div></div><div aria-label="Volume" role="button" tabindex="0" class="jw-icon jw-icon-tooltip jw-icon-volume jw-button-color jw-reset"><div class="jw-overlay jw-reset"><div class="jw-slider-volume jw-volume-tip jw-reset jw-slider-vertical" aria-hidden="true"><div class="jw-slider-container jw-reset"><div class="jw-rail jw-reset"></div><div class="jw-buffer jw-reset"></div><div class="jw-progress jw-reset" style="height: 10%;"></div><div class="jw-knob jw-reset" style="bottom: 10%;"></div></div></div></div><svg class="jw-svg-icon jw-svg-icon-volume-0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 240 240" focusable="false"><path d="M116.4,42.8v154.5c0,2.8-1.7,3.6-3.8,1.7l-54.1-48.1H28.9c-2.8,0-5.2-2.3-5.2-5.2V94.2c0-2.8,2.3-5.2,5.2-5.2h29.6l54.1-48.1C114.6,39.1,116.4,39.9,116.4,42.8z M212.3,96.4l-14.6-14.6l-23.6,23.6l-23.6-23.6l-14.6,14.6l23.6,23.6l-23.6,23.6l14.6,14.6l23.6-23.6l23.6,23.6l14.6-14.6L188.7,120L212.3,96.4z"></path></svg><svg class="jw-svg-icon jw-svg-icon-volume-50" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 240 240" focusable="false"><path d="M116.4,42.8v154.5c0,2.8-1.7,3.6-3.8,1.7l-54.1-48.1H28.9c-2.8,0-5.2-2.3-5.2-5.2V94.2c0-2.8,2.3-5.2,5.2-5.2h29.6l54.1-48.1C114.7,39.1,116.4,39.9,116.4,42.8z M178.2,120c0-22.7-18.5-41.2-41.2-41.2v20.6c11.4,0,20.6,9.2,20.6,20.6c0,11.4-9.2,20.6-20.6,20.6v20.6C159.8,161.2,178.2,142.7,178.2,120z"></path></svg><svg class="jw-svg-icon jw-svg-icon-volume-100" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 240 240" focusable="false"><path d="M116.5,42.8v154.4c0,2.8-1.7,3.6-3.8,1.7l-54.1-48H29c-2.8,0-5.2-2.3-5.2-5.2V94.3c0-2.8,2.3-5.2,5.2-5.2h29.6l54.1-48C114.8,39.2,116.5,39.9,116.5,42.8z"></path><path d="M136.2,160v-20c11.1,0,20-8.9,20-20s-8.9-20-20-20V80c22.1,0,40,17.9,40,40S158.3,160,136.2,160z"></path><path d="M216.2,120c0-44.2-35.8-80-80-80v20c33.1,0,60,26.9,60,60s-26.9,60-60,60v20C180.4,199.9,216.1,164.1,216.2,120z"></path></svg></div><div class="jw-icon jw-icon-inline jw-button-color jw-reset jw-icon-volume jw-full" role="button" tabindex="0" aria-label="Volume" style=""><svg class="jw-svg-icon jw-svg-icon-volume-0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 240 240" focusable="false"><path d="M116.4,42.8v154.5c0,2.8-1.7,3.6-3.8,1.7l-54.1-48.1H28.9c-2.8,0-5.2-2.3-5.2-5.2V94.2c0-2.8,2.3-5.2,5.2-5.2h29.6l54.1-48.1C114.6,39.1,116.4,39.9,116.4,42.8z M212.3,96.4l-14.6-14.6l-23.6,23.6l-23.6-23.6l-14.6,14.6l23.6,23.6l-23.6,23.6l14.6,14.6l23.6-23.6l23.6,23.6l14.6-14.6L188.7,120L212.3,96.4z"></path></svg><svg class="jw-svg-icon jw-svg-icon-volume-100" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 240 240" focusable="false"><path d="M116.5,42.8v154.4c0,2.8-1.7,3.6-3.8,1.7l-54.1-48H29c-2.8,0-5.2-2.3-5.2-5.2V94.3c0-2.8,2.3-5.2,5.2-5.2h29.6l54.1-48C114.8,39.2,116.5,39.9,116.5,42.8z"></path><path d="M136.2,160v-20c11.1,0,20-8.9,20-20s-8.9-20-20-20V80c22.1,0,40,17.9,40,40S158.3,160,136.2,160z"></path><path d="M216.2,120c0-44.2-35.8-80-80-80v20c33.1,0,60,26.9,60,60s-26.9,60-60,60v20C180.4,199.9,216.1,164.1,216.2,120z"></path></svg></div><span class="jw-text jw-reset jw-text-alt" role="status"></span><div class="jw-icon jw-icon-inline jw-button-color jw-reset jw-text-live" role="button" tabindex="0" aria-label="在线直播" style="display: none;">在线直播</div><div class="jw-icon jw-icon-inline jw-text jw-reset jw-text-elapsed" role="timer">00:15</div><div class="jw-icon jw-icon-inline jw-text jw-reset jw-text-countdown" role="timer">00:09</div><div class="jw-icon jw-icon-inline jw-text jw-reset jw-text-duration" role="timer">00:50</div><div class="jw-reset jw-spacer"></div><div class="jw-icon jw-icon-inline jw-button-color jw-reset jw-icon-cc jw-settings-submenu-button" role="button" tabindex="0" aria-label="字幕" style="display: none;" aria-haspopup="true"><svg xmlns="http://www.w3.org/2000/svg" class="jw-svg-icon jw-svg-icon-cc-on" viewBox="0 0 240 240" focusable="false"><path d="M215,40H25c-2.7,0-5,2.2-5,5v150c0,2.7,2.2,5,5,5h190c2.7,0,5-2.2,5-5V45C220,42.2,217.8,40,215,40z M108.1,137.7c0.7-0.7,1.5-1.5,2.4-2.3l6.6,7.8c-2.2,2.4-5,4.4-8,5.8c-8,3.5-17.3,2.4-24.3-2.9c-3.9-3.6-5.9-8.7-5.5-14v-25.6c0-2.7,0.5-5.3,1.5-7.8c0.9-2.2,2.4-4.3,4.2-5.9c5.7-4.5,13.2-6.2,20.3-4.6c3.3,0.5,6.3,2,8.7,4.3c1.3,1.3,2.5,2.6,3.5,4.2l-7.1,6.9c-2.4-3.7-6.5-5.9-10.9-5.9c-2.4-0.2-4.8,0.7-6.6,2.3c-1.7,1.7-2.5,4.1-2.4,6.5v25.6C90.4,141.7,102,143.5,108.1,137.7z M152.9,137.7c0.7-0.7,1.5-1.5,2.4-2.3l6.6,7.8c-2.2,2.4-5,4.4-8,5.8c-8,3.5-17.3,2.4-24.3-2.9c-3.9-3.6-5.9-8.7-5.5-14v-25.6c0-2.7,0.5-5.3,1.5-7.8c0.9-2.2,2.4-4.3,4.2-5.9c5.7-4.5,13.2-6.2,20.3-4.6c3.3,0.5,6.3,2,8.7,4.3c1.3,1.3,2.5,2.6,3.5,4.2l-7.1,6.9c-2.4-3.7-6.5-5.9-10.9-5.9c-2.4-0.2-4.8,0.7-6.6,2.3c-1.7,1.7-2.5,4.1-2.4,6.5v25.6C135.2,141.7,146.8,143.5,152.9,137.7z"></path></svg><svg xmlns="http://www.w3.org/2000/svg" class="jw-svg-icon jw-svg-icon-cc-off" viewBox="0 0 240 240" focusable="false"><path d="M99.4,97.8c-2.4-0.2-4.8,0.7-6.6,2.3c-1.7,1.7-2.5,4.1-2.4,6.5v25.6c0,9.6,11.6,11.4,17.7,5.5c0.7-0.7,1.5-1.5,2.4-2.3l6.6,7.8c-2.2,2.4-5,4.4-8,5.8c-8,3.5-17.3,2.4-24.3-2.9c-3.9-3.6-5.9-8.7-5.5-14v-25.6c0-2.7,0.5-5.3,1.5-7.8c0.9-2.2,2.4-4.3,4.2-5.9c5.7-4.5,13.2-6.2,20.3-4.6c3.3,0.5,6.3,2,8.7,4.3c1.3,1.3,2.5,2.6,3.5,4.2l-7.1,6.9C107.9,100,103.8,97.8,99.4,97.8z M144.1,97.8c-2.4-0.2-4.8,0.7-6.6,2.3c-1.7,1.7-2.5,4.1-2.4,6.5v25.6c0,9.6,11.6,11.4,17.7,5.5c0.7-0.7,1.5-1.5,2.4-2.3l6.6,7.8c-2.2,2.4-5,4.4-8,5.8c-8,3.5-17.3,2.4-24.3-2.9c-3.9-3.6-5.9-8.7-5.5-14v-25.6c0-2.7,0.5-5.3,1.5-7.8c0.9-2.2,2.4-4.3,4.2-5.9c5.7-4.5,13.2-6.2,20.3-4.6c3.3,0.5,6.3,2,8.7,4.3c1.3,1.3,2.5,2.6,3.5,4.2l-7.1,6.9C152.6,100,148.5,97.8,144.1,97.8L144.1,97.8z M200,60v120H40V60H200 M215,40H25c-2.7,0-5,2.2-5,5v150c0,2.7,2.2,5,5,5h190c2.7,0,5-2.2,5-5V45C220,42.2,217.8,40,215,40z"></path></svg><div class="jw-reset jw-tooltip jw-tooltip-captions"><div class="jw-text">字幕</div></div></div><div class="jw-icon jw-icon-inline jw-button-color jw-reset jw-playlist-btn" button="related" role="button" tabindex="0" aria-label="列表"><svg xmlns="http://www.w3.org/2000/svg" class="jw-svg-icon jw-svg-icon-playlist" viewBox="0 0 240 240"><path d="M205,80H35c-2.7,0-5,2.2-5,5v110c0,2.7,2.2,5,5,5h170c2.7,0,5-2.2,5-5V85C210,82.2,207.8,80,205,80z M145.7,142.6l-41.4,24.9c-2.4,1.4-4.3,0.3-4.3-2.4v-50c0-2.7,1.9-3.8,4.3-2.4l41.4,24.9c1.4,0.5,2.1,2.1,1.6,3.5C147,141.7,146.4,142.2,145.7,142.6z M190,70H50V60h140V70z M170,50H70V40h100V50z"></path></svg><div class="jw-reset jw-tooltip jw-tooltip-related"><div class="jw-text">列表</div></div></div><div class="jw-icon jw-icon-inline jw-button-color jw-reset jw-icon-settings jw-settings-submenu-button" role="button" tabindex="0" aria-label="选项" style="" aria-haspopup="true"><svg class="jw-svg-icon jw-svg-icon-settings" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 240 240" focusable="false"><path d="M204,145l-25-14c0.8-3.6,1.2-7.3,1-11c0.2-3.7-0.2-7.4-1-11l25-14c2.2-1.6,3.1-4.5,2-7l-16-26c-1.2-2.1-3.8-2.9-6-2l-25,14c-6-4.2-12.3-7.9-19-11V35c0.2-2.6-1.8-4.8-4.4-5c-0.2,0-0.4,0-0.6,0h-30c-2.6-0.2-4.8,1.8-5,4.4c0,0.2,0,0.4,0,0.6v28c-6.7,3.1-13,6.7-19,11L56,60c-2.2-0.9-4.8-0.1-6,2L35,88c-1.6,2.2-1.3,5.3,0.9,6.9c0,0,0.1,0,0.1,0.1l25,14c-0.8,3.6-1.2,7.3-1,11c-0.2,3.7,0.2,7.4,1,11l-25,14c-2.2,1.6-3.1,4.5-2,7l16,26c1.2,2.1,3.8,2.9,6,2l25-14c5.7,4.6,12.2,8.3,19,11v28c-0.2,2.6,1.8,4.8,4.4,5c0.2,0,0.4,0,0.6,0h30c2.6,0.2,4.8-1.8,5-4.4c0-0.2,0-0.4,0-0.6v-28c7-2.3,13.5-6,19-11l25,14c2.5,1.3,5.6,0.4,7-2l15-26C206.7,149.4,206,146.7,204,145z M120,149.9c-16.5,0-30-13.4-30-30s13.4-30,30-30s30,13.4,30,30c0.3,16.3-12.6,29.7-28.9,30C120.7,149.9,120.4,149.9,120,149.9z"></path></svg><div class="jw-reset jw-tooltip jw-tooltip-settings"><div class="jw-text">选项</div></div></div><div class="jw-icon jw-icon-inline jw-button-color jw-reset jw-icon-fullscreen" role="button" tabindex="0" aria-label="全屏" style=""><svg xmlns="http://www.w3.org/2000/svg" class="jw-svg-icon jw-svg-icon-fullscreen-off" viewBox="0 0 240 240" focusable="false"><path d="M109.2,134.9l-8.4,50.1c-0.4,2.7-2.4,3.3-4.4,1.4L82,172l-27.9,27.9l-14.2-14.2l27.9-27.9l-14.4-14.4c-1.9-1.9-1.3-3.9,1.4-4.4l50.1-8.4c1.8-0.5,3.6,0.6,4.1,2.4C109.4,133.7,109.4,134.3,109.2,134.9L109.2,134.9z M172.1,82.1L200,54.2L185.8,40l-27.9,27.9l-14.4-14.4c-1.9-1.9-3.9-1.3-4.4,1.4l-8.4,50.1c-0.5,1.8,0.6,3.6,2.4,4.1c0.5,0.2,1.2,0.2,1.7,0l50.1-8.4c2.7-0.4,3.3-2.4,1.4-4.4L172.1,82.1z"></path></svg><svg xmlns="http://www.w3.org/2000/svg" class="jw-svg-icon jw-svg-icon-fullscreen-on" viewBox="0 0 240 240" focusable="false"><path d="M96.3,186.1c1.9,1.9,1.3,4-1.4,4.4l-50.6,8.4c-1.8,0.5-3.7-0.6-4.2-2.4c-0.2-0.6-0.2-1.2,0-1.7l8.4-50.6c0.4-2.7,2.4-3.4,4.4-1.4l14.5,14.5l28.2-28.2l14.3,14.3l-28.2,28.2L96.3,186.1z M195.8,39.1l-50.6,8.4c-2.7,0.4-3.4,2.4-1.4,4.4l14.5,14.5l-28.2,28.2l14.3,14.3l28.2-28.2l14.5,14.5c1.9,1.9,4,1.3,4.4-1.4l8.4-50.6c0.5-1.8-0.6-3.6-2.4-4.2C197,39,196.4,39,195.8,39.1L195.8,39.1z"></path></svg><div class="jw-reset jw-tooltip jw-tooltip-fullscreen"><div class="jw-text">全屏</div></div></div></div></div></div></div>
'._t('定制配色预览').' ⇡
<div id="widget">
<div id="picker">
<input id="field" type="text" maxlength="21" size="21"/>
<div id="swatch"><div></div></div>
</div>
</div>',_t('RGBA末位小数0-1代表透明度可手动修改'));
$skin->input->setAttribute('id','selector');
$form->addInput($skin);
if (Typecho_Request::getInstance()->is('action=resetskin') && isset($options->plugins['activated']['JWPlayer'])) {
$security->protect();
Helper::configPlugin('JWPlayer',array('jwcolors'=>$cs));
Typecho_Response::getInstance()->goBack();
}
//重置动作按钮
$resetskin = new Typecho_Widget_Helper_Form_Element_Submit();
$resetskin->value(_t('重置'));
$resetskin->input->setAttribute('class','btn btn-xs');
$resetskin->input->setAttribute('formaction',$security->getAdminUrl('options-plugin.php?config=JWPlayer&action=resetskin'));
$form->addItem($resetskin);
$stretch = new Typecho_Widget_Helper_Form_Element_Select('stretch',
array('none'=>_t('固定'),''=>_t('缩放'),'fill'=>_t('裁切'),'exactfit'=>_t('拉伸')),'',_t('画面适应方法'),_t('视频尺寸与播放器尺寸不同时的修正方式'));
$form->addInput($stretch);
$encode = new Typecho_Widget_Helper_Form_Element_Radio('encode',
array(1=>_t('是'),0=>_t('否')),0,_t('加密视频地址'),_t('是否隐藏文件url使其在源码中显示为乱码'));
$form->addInput($encode);
$info = new Typecho_Widget_Helper_Form_Element_Radio('info',
array(1=>_t('是'),0=>_t('否')),0,_t('隐藏标题描述'),_t('是否在窗口显示title与description参数信息'));
$form->addInput($info);
$about = new Typecho_Widget_Helper_Form_Element_Radio('about',
array(1=>_t('是'),0=>_t('否')),0,_t('提示原文链接'),_t('右击窗口时是否显示原文链接, 参数可覆盖'));
$form->addInput($about);
$tedge = new Typecho_Widget_Helper_Form_Element_Select('tedge',
array(''=>_t('默认'),'dropshadow'=>_t('下阴影'),'depressed'=>_t('上阴影'),'uniform'=>_t('深描边'),'raised'=>_t('浅描边')),'',_t('外挂字幕效果'));
$form->addInput($tedge);
$tsize = new Typecho_Widget_Helper_Form_Element_Text('tsize',NULL,'15',_t('字体大小(单位px, 不用填写): '));
$tsize->input->setAttribute('class','text-s');
$tsize->label->setAttribute('style','position:absolute;color:#999;font-weight:normal;bottom:10px;left:82px;');
$tsize->input->setAttribute('style','position:absolute;width:38px;bottom:13px;left:258px;');
$tsize->setAttribute('style','position:relative');
$form->addInput($tsize->addRule('isFloat'));
$logo = new Typecho_Widget_Helper_Form_Element_Text('logo',
NULL,'',_t('logo水印图片'),_t('填写完整的图片url, 24位透明png效果最佳'));
$logo->input->setAttribute('class','w-60');
$form->addInput($logo->addRule('url',_t('请输入合法的图片地址')));
$llink = new Typecho_Widget_Helper_Form_Element_Text('llink',
NULL,'',_t('logo链接地址'),_t('填写点击水印图片将跳转到的目标链接url'));
$llink->input->setAttribute('class','w-60');
$form->addInput($llink->addRule('url',_t('请输入合法的链接地址')));
$lpos = new Typecho_Widget_Helper_Form_Element_Select('lpos',
array(''=>_t('右上角'),'top-left'=>_t('左上角'),'bottom-right'=>_t('右下角'),'bottom-left'=>_t('左下角'),'control-bar'=>_t('控制条')),'',_t('logo显示位置'));
$form->addInput($lpos);
$margin = new Typecho_Widget_Helper_Form_Element_Text('margin',NULL,'8',_t('边距(单位px, 不用填写): '));
$margin->input->setAttribute('class','text-s');
$margin->label->setAttribute('style','position:absolute;color:#999;font-weight:normal;bottom:10px;left:82px;');
$margin->input->setAttribute('style','position:absolute;width:38px;bottom:13px;left:230px;');
$margin->setAttribute('style','position:relative');
$form->addInput($margin->addRule('isFloat'));
$hide = new Typecho_Widget_Helper_Form_Element_Checkbox('hide',
array(1=>_t('自动隐藏')),NULL,'');
$hide->label->setAttribute('style','position:absolute;color:#999;font-weight:normal;bottom:10px;left:279px;');
$hide->input->setAttribute('style','position:absolute;bottom:4px;left:60px;');
$hide->setAttribute('style','position:relative');
$form->addInput($hide);
$share = new Typecho_Widget_Helper_Form_Element_Checkbox('share',
array('weibo'=>_t('新浪微博'),'qzone'=>_t('QQ空间'),'tieba'=>_t('百度贴吧'),'douban'=>_t('豆瓣网'),'renren'=>_t('人人网'),'facebook'=>_t('Facebook'),'twitter'=>_t('Twitter')),NULL,_t('分享功能按钮'));
$form->addInput($share);
//配色保存隐藏域
$jwcolors = new Typecho_Widget_Helper_Form_Element_Hidden('jwcolors',NULL,$cs,NULL);
$jwcolors->input->setAttribute('id','jwcolors');
$form->addInput($jwcolors);
}
/**
* 个人用户的配置面板
*
* @access public
* @param Typecho_Widget_Helper_Form $form
* @return void
*/
public static function personalConfig(Typecho_Widget_Helper_Form $form){}
/**
* 内容标签替换
*
* @param string $content
* @return string
*/
public static function jwparse($content,$widget,$lastResult)
{
$content = empty($lastResult) ? $content : $lastResult;
$version = explode('/',Helper::options()->version);
$sign = '</jw>';
$pattern = '/<(jw)>(.*?)<\/\\1>/si';
//markdown fix
if ($version['1']=='17.10.30' && $widget->isMarkdown && !stripos($content,'</jw>')) {
$sign = '</jw>';
$pattern = '/<(jw)>(.*?)<\/\\1>/si';
$content = str_replace(';/jw>',$sign,$content);
}
if ($widget instanceof Widget_Archive && !$widget->request->feed && false!==stripos($content,$sign)) {
$content = preg_replace_callback($pattern,array('JWPlayer_Plugin','callback'),$content);
}
return $content;
}
/**
* 摘要文本替换
*
* @param string $text
* @return string
*/
public static function txtparse($text,$widget,$lastResult)
{
$text = empty($lastResult) ? $text : $lastResult;
if ($widget instanceof Widget_Archive && false!==stripos($text,'<jw>')) {
$text = preg_replace('/<(jw)>(.*?)<\/\\1>/si',_t(' [影音片段: 请查看原文播放] '),$text);
}
return $text;
}
/**
* 参数回调解析
*
* @param array $match
* @return string
*/
public static function callback($match)
{
$settings = Helper::options()->plugin('JWPlayer');
$data = array();
$lists = array();
//过滤html标签
$codes = trim(Typecho_Common::stripTags($match['2']));
if (strpos($codes,'<')) $codes = substr($codes,0,-3); //markdown fix
$atts = strpos($codes,'|') ? explode('|',$codes) : array($codes);
$file = trim(array_shift($atts));
$files = explode(',',$file);
$fnum = count($files);
$qfiles = array();
$qnum = '';
$source = '';
$quality = array();
$vr = strpos($codes,'stereomode');
$dvr = strpos($codes,'minDvrWindow');
//处理视频参数
for ($i=0;$i<$fnum;++$i) {
//处理画质参数
if ($files[$i]) {
$qfiles = explode(';',$files[$i]);
$qnum = count($qfiles);
//准备画质数组
for ($j=0;$j<$qnum;++$j) {
$source = trim($qfiles[$j]);
if (false!==strpos($source,'^')) {
$metas = explode('^',$source);
$quality[$j]['label'] = $metas['0'];
$quality[$j]['file'] = self::encode($metas['1']);
if (isset($metas['2'])) {
$quality[$j]['type'] = $metas['2'];
}
} else {
$quality[$j]['file'] = self::encode($source);
//预设3种清晰度
$quality['0']['label'] = _t('标清');
if (isset($quality['1'])) {
$quality['1']['label'] = _t('高清');
}
if (isset($quality['2'])) {
$quality['2']['label'] = _t('超清');
}
}
}
}
//多文件画质参数
if ($fnum>1 || $vr || $dvr) {
if ($qnum>1) {
$lists[$i]['sources'] = $quality;
} else {
$lists[$i]['file'] = self::encode(trim($files[$i]));
}
}
}
//单文件画质参数
if ($fnum<=1) {
if ($qnum>1) {
$data['sources'] = $quality;
} else {
$data['file'] = self::encode($file);
}
}
$pair = array();
$key = '';
$val = '';
$listkey = false;
$vals = array();
$keyvals = '';
$tfiles = array();
$tnum = '';
$track = '';
$subs = array();
//处理其他参数
foreach ($atts as $att) {
$pair = explode('=',$att);
$key = trim($pair['0']);
$val = isset($pair['1']) ? trim($pair['1']) : '';
$data[$key] = $val;
$listkey = in_array($key,array('image','title','description','tracks','stereomode','minDvrWindow'));
if ($listkey) {
$vals[$key] = explode(',',$data[$key]);
}
//处理列表参数
for ($i=0;$i<$fnum;++$i) {
if (isset($vals[$key][$i])) {
$keyvals = trim($vals[$key][$i]);
//处理字幕参数
if ($key=='tracks' && $keyvals) {
$tfiles = explode(';',$keyvals);
$tnum = count($tfiles);
//准备语种数组
for ($j=0;$j<$tnum;++$j) {
$track = trim($tfiles[$j]);
if (false!==strpos($track,'^')) {
$infos = explode('^',$track);
$subs[$j]['label'] = $infos['0'];
$subs[$j]['file'] = $infos['1'];
if (isset($infos['2'])) {
$subs[$j]['kind'] = $infos['2'];
}
} else {
$subs[$j]['file'] = $track;
//预设中英字幕
$subs['0']['label'] = _t('中文');
if (isset($subs['1'])) {
$subs['1']['label'] = _t('英文');
}
}
}
if ($tnum<=1) {
array_splice($subs,1);
}
//多文件字幕参数
if ($fnum>1) {
unset($data['tracks']);
$lists[$i]['tracks'] = $subs;
}
//多文件其他参数
} elseif ($fnum>1 || $vr || $dvr) {
unset($data[$key]);
$lists[$i][$key] = $keyvals;
}
//对应自动置空
} elseif ($listkey) {
$lists[$i][$key] = '';
}
}
//单文件字幕参数
if ($key=='tracks') {
if ($fnum<=1) {
$data['tracks'] = $subs;
}
//字幕效果选项
$tsize = $settings->tsize;
if ($tsize && $tsize!=='15') {
$data['captions']['fontSize'] = $tsize;
}
if ($settings->tedge) {
$data['captions']['backgroundOpacity'] = '0';
$data['captions']['edgeStyle'] = $settings->tedge;
}
}
}
if (preg_match("/(\.rss|\.json)/i",$file)) {
unset($data['file']);
$data['playlist'] = self::encode($file);
} elseif ($lists) {
$data['playlist'] = $lists;
}
return self::output('',array($data,true));
}
/**
* 输出播放器实例
*
* @access public
* @param array $params 实例参数
* @return string
*/
public static function output($widget,array $params)
{
$options = Helper::options();
$url = $options->pluginUrl.'/JWPlayer/player/';
$ids = "jwplayer_".++self::$id;
//处理实例参数
$jwsets = array();
$jwsets = isset($params['0']) && is_array($params['0']) ? $params['0'] : $jwsets;
$iscall = false;
$iscall = !empty($params['1']) && is_bool($params['1']) ? $params['1'] : $iscall;
$jwsets = Json::encode($jwsets+self::getsets());
//播放器实例代码
$output = '<script type="text/javascript">
window.jwplayer || document.write(\'<script type="text/javascript" src="'.$url.'jwplayer.js"><\/script>\')</script>'; //不重复加载
$output .= '<div id="'.$ids.'">'._t('播放器载入中...').'</div>';
$output .= '<script type="text/javascript">jwplayer.defaults = {"base":"'.$url.'"};'.($options->plugin('JWPlayer')->encode ? 'jwplayer.encode = true;' : '').'jwplayer("'.$ids.'").setup('.$jwsets.');</script>';
//模版输出判断
if ($iscall) {
return $output;
} else {
echo $output;
}
}
/**
* 输出插件设置
*
* @return array
*/
public static function getsets()
{
$options = Helper::options();
$skincs = self::$skincs;
$sets =array();
if (isset($options->plugins['activated']['JWPlayer'])) {
$settings = $options->plugin('JWPlayer');
$share = $settings->share;
$stretch = $settings->stretch;
$csets = Json::decode($settings->jwcolors,true);
$archive = Typecho_Widget::widget('Widget_Archive');
$url = $archive->permalink;
$key = array();
//输出配色参数
foreach ($csets as $keys=>$cs) {
if ($skincs[''.$keys.'']!==$cs) {
$key = explode('.',$keys);
$sets['skin'][''.$key['0'].''][''.$key['1'].''] = $cs;
}
}
if ($stretch) {
$sets['stretching'] = $stretch;
}
if ($settings->info) {
$sets['displaytitle'] = 'false';
$sets['displaydescription'] = 'false';
}
if ($settings->about) {
$sets['abouttext'] = _t('原文链接: ').$archive->title;
$sets['aboutlink'] = $url;
}
if ($share) {
$sets['sharing']['heading'] = _t('分享');
$sets['sharing']['link'] = $url;
array_push($share,'email');
$sets['sharing']['sites'] = $share;
}
//输出logo参数
$logo = $settings->logo;
$llink = $settings->llink;
$lops = $settings->lpos;
$margin = $settings->margin;
if ($logo) {
$sets['logo']['file'] = $logo;
if ($llink) {
$sets['logo']['link'] = $llink;
}
if ($lops) {
$sets['logo']['position'] = $lops;
}
if (false!==$margin && $margin!=='8') {
$sets['logo']['margin'] = $margin;
}
if ($settings->hide) {
$sets['logo']['hide'] = true;
}
}
}
return $sets+self::locals();
}
/**
* 加密视频地址
*
* @param string $string
* @return string
*/
private static function encode($string)
{
if (Helper::options()->plugin('JWPlayer')->encode) {
$string = rawurlencode($string);
$ntexto = '';
$codekey = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789_-';
for ($i=0;$i<strlen($string);$i++) {
$ntexto .= substr('0000'.base_convert(ord($string{$i}),10,2),-8);
}
$ntexto .= substr('00000',0,6-strlen($ntexto)%6);
$string = '';
for ($i=0;$i<strlen($ntexto)-1;$i=$i+6) {
$string .= $codekey{intval(substr($ntexto,$i,6),2)};
}
}
return $string;
}
/**
* 输出本地化参数
*
* @return array
*/
private static function locals()
{
return array(
'localization'=>array(
'rewind'=>_t('后退10秒'),
'settings'=>_t('选项'),
'cc'=>_t('字幕'),
'hd'=>_t('画质'),
'fullscreen'=>_t('全屏'),
'videoInfo'=>_t('查看媒体信息'),
'copied'=>_t('复制成功'),
'playlist'=>_t('列表'),
'nextUp'=>_t('下一个'),
'liveBroadcast'=>_t('在线直播')
));
}
/**
* 输出编辑器按钮
*
* @access public
* @return void
*/
public static function jwbutton()
{
?>
<script>
$(function(){
var wmd = $('#wmd-image-button');
if (wmd.length>0) {
wmd.after(
'<li class="wmd-button" id="wmd-jw-button" style="padding-top:4px;" title="<?php _e("插入视频"); ?>"><img src="<?php echo Helper::options()->pluginUrl; ?>/JWPlayer/admin/video.svg"/></li>');
} else {
$('.url-slug').after('<button type="button" id="wmd-jw-button" class="btn btn-xs" style="margin-right:5px;"><?php _e("插入视频"); ?></button>');
}
$('#wmd-jw-button').click(function(){
$('body').append('<div id="jwpanel">' +
'<div class="wmd-prompt-background" style="position:absolute;z-index:1000;opacity:0.5;top:0px;left:0px;width:100%;height:954px;"></div>' +
'<div class="wmd-prompt-dialog"><div><p><b><?php _e("插入视频"); ?></b></p>' +
'<p><?php _e("请在下方的输入框内输入要插入的视频地址"); ?></p></div>' +
'<form><input type="text"></input><button type="button" class="btn btn-s primary" id="ok"><?php _e("确定"); ?></button>' +
'<button type="button" class="btn btn-s" id="cancel"><?php _e("取消"); ?></button></form>' +
'</div></div>');
var jwlog = $('.wmd-prompt-dialog input'),
textarea = $('#text');
jwlog.val('http://').select();
$('#cancel').click(function(){
$('#jwpanel').remove();
textarea.focus();
});
$('#ok').click(function(){
var jwinput = '<jw>' + jwlog.val() + '</jw>',
sel = textarea.getSelection(),
offset = (sel ? sel.start : 0)+jwinput.length;
textarea.replaceSelection(jwinput);
textarea.setSelection(offset,offset);
$('#jwpanel').remove();
});
});
});
</script>
<?php
}
}