/
addon-sedo_html5media.xml
456 lines (429 loc) · 18.6 KB
/
addon-sedo_html5media.xml
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
<?xml version="1.0" encoding="utf-8"?>
<addon addon_id="sedo_html5media" title="[BBM] BbCode Multimedia - Html5media" version_string="1.2.0" version_id="7" url="http://xenforo.com/community/resources/bbcode-multimedia-html5media.1603" install_callback_class="" install_callback_method="" uninstall_callback_class="" uninstall_callback_method="">
<admin_navigation/>
<admin_permissions/>
<admin_style_properties/>
<admin_templates/>
<admin_template_modifications/>
<code_events/>
<code_event_listeners>
<listener event_id="tinyquattro_setup" execute_order="12" callback_class="Sedo_Html5media_Listeners_AllInOne" callback_method="mceConfig" active="1" hint="" description="Add Av Menu"/>
</code_event_listeners>
<cron/>
<email_templates/>
<email_template_modifications/>
<optiongroups>
<group group_id="sedo_bbcode_html5media" display_order="13215" debug_only="0"/>
<option option_id="sedo_bbcode_av_audio_ext" edit_format="textbox" data_type="string" can_backup="1">
<default_value>mp3;ogg</default_value>
<edit_format_params></edit_format_params>
<sub_options></sub_options>
<relation group_id="sedo_bbcode_html5media" display_order="100"/>
</option>
<option option_id="sedo_bbcode_av_default_height" edit_format="spinbox" data_type="positive_integer" can_backup="1">
<default_value>210</default_value>
<edit_format_params>min=100
step=25</edit_format_params>
<sub_options></sub_options>
<relation group_id="sedo_bbcode_html5media" display_order="230"/>
</option>
<option option_id="sedo_bbcode_av_default_width" edit_format="spinbox" data_type="positive_integer" can_backup="1">
<default_value>320</default_value>
<edit_format_params>min=100
step=25</edit_format_params>
<sub_options></sub_options>
<relation group_id="sedo_bbcode_html5media" display_order="200"/>
</option>
<option option_id="sedo_bbcode_av_max_height" edit_format="spinbox" data_type="positive_integer" can_backup="1">
<default_value>420</default_value>
<edit_format_params>min=100
step=25</edit_format_params>
<sub_options></sub_options>
<relation group_id="sedo_bbcode_html5media" display_order="250"/>
</option>
<option option_id="sedo_bbcode_av_max_width" edit_format="spinbox" data_type="positive_integer" can_backup="1">
<default_value>640</default_value>
<edit_format_params>min=100
step=25</edit_format_params>
<sub_options></sub_options>
<relation group_id="sedo_bbcode_html5media" display_order="210"/>
</option>
<option option_id="sedo_bbcode_av_video_ext" edit_format="textbox" data_type="string" can_backup="1">
<default_value>mp4;webm;ogv</default_value>
<edit_format_params></edit_format_params>
<sub_options></sub_options>
<relation group_id="sedo_bbcode_html5media" display_order="110"/>
</option>
<option option_id="sedo_bbcode_av_video_preload" edit_format="select" data_type="string" can_backup="1">
<default_value>metadata</default_value>
<edit_format_params>none={xen:phrase sedo_bbcode_av_preload_none}
metadata={xen:phrase sedo_bbcode_av_preload_metada}
auto={xen:phrase sedo_bbcode_av_preload_auto}</edit_format_params>
<sub_options></sub_options>
<relation group_id="sedo_bbcode_html5media" display_order="130"/>
</option>
<option option_id="sedo_bbcode_av_video_preloadbb" edit_format="onoff" data_type="boolean" can_backup="1">
<default_value>0</default_value>
<edit_format_params></edit_format_params>
<sub_options></sub_options>
<relation group_id="sedo_bbcode_html5media" display_order="131"/>
</option>
</optiongroups>
<permissions>
<permission_groups/>
<permissions/>
<interface_groups/>
</permissions>
<phrases>
<phrase title="option_group_sedo_bbcode_html5media" version_id="6" version_string="1.1.0"><![CDATA[[BBM] Multimedia Bb Code]]></phrase>
<phrase title="option_group_sedo_bbcode_html5media_description" version_id="1" version_string="1.0"><![CDATA[Options for BbCode for audio & video]]></phrase>
<phrase title="option_sedo_bbcode_av_audio_ext" version_id="1" version_string="1.0"><![CDATA[Audio extensions]]></phrase>
<phrase title="option_sedo_bbcode_av_audio_ext_explain" version_id="1" version_string="1.0"><![CDATA[Separate each extension using a semi-colon: <b>;</b><br />
<br />
P.S: the audio extensions have the priority on video extensions. If you want to change this, just add <b>video</b> in the tag option.]]></phrase>
<phrase title="option_sedo_bbcode_av_default_height" version_id="1" version_string="1.0"><![CDATA[Default height (px)]]></phrase>
<phrase title="option_sedo_bbcode_av_default_height_explain" version_id="1" version_string="1.0"><![CDATA[]]></phrase>
<phrase title="option_sedo_bbcode_av_default_width" version_id="1" version_string="1.0"><![CDATA[Default width (px)]]></phrase>
<phrase title="option_sedo_bbcode_av_default_width_explain" version_id="1" version_string="1.0"><![CDATA[]]></phrase>
<phrase title="option_sedo_bbcode_av_max_height" version_id="1" version_string="1.0"><![CDATA[Max height (px)]]></phrase>
<phrase title="option_sedo_bbcode_av_max_height_explain" version_id="1" version_string="1.0"><![CDATA[]]></phrase>
<phrase title="option_sedo_bbcode_av_max_width" version_id="1" version_string="1.0"><![CDATA[Max width (px)]]></phrase>
<phrase title="option_sedo_bbcode_av_max_width_explain" version_id="1" version_string="1.0"><![CDATA[]]></phrase>
<phrase title="option_sedo_bbcode_av_video_ext" version_id="1" version_string="1.0"><![CDATA[Video extensions]]></phrase>
<phrase title="option_sedo_bbcode_av_video_ext_explain" version_id="1" version_string="1.0"><![CDATA[Separate each extension using a semi-colon: <b>;</b>]]></phrase>
<phrase title="option_sedo_bbcode_av_video_preload" version_id="6" version_string="1.1.0"><![CDATA[Preload configuration]]></phrase>
<phrase title="option_sedo_bbcode_av_video_preloadbb" version_id="6" version_string="1.1.0"><![CDATA[Allow preload config to be changed from Bb Code options?]]></phrase>
<phrase title="option_sedo_bbcode_av_video_preloadbb_explain" version_id="6" version_string="1.1.0"><![CDATA[If you set yes, you will be able to use the Bb Code options to setup the video preload configuration. The Bb Codes options for preload will be: nocache, metadata, cache.]]></phrase>
<phrase title="option_sedo_bbcode_av_video_preload_explain" version_id="6" version_string="1.1.0"><![CDATA[This setting will allow you to configure if the audio or video can be cached by the browser. If you select to cache the video, then it will start to be downloaded as soon as the page is loaded.]]></phrase>
<phrase title="sedo_bbcode_av_preload_auto" version_id="6" version_string="1.1.0"><![CDATA[Auto: cache the video]]></phrase>
<phrase title="sedo_bbcode_av_preload_metada" version_id="6" version_string="1.1.0"><![CDATA[Metadata: only cache the metadata (i.e: length)]]></phrase>
<phrase title="sedo_bbcode_av_preload_none" version_id="6" version_string="1.1.0"><![CDATA[None: do not cache the video]]></phrase>
<phrase title="sedo_h5l_bcenter" version_id="5" version_string="1.0.4"><![CDATA[Normal center]]></phrase>
<phrase title="sedo_h5l_bleft" version_id="5" version_string="1.0.4"><![CDATA[Normal left]]></phrase>
<phrase title="sedo_h5l_blockalign" version_id="5" version_string="1.0.4"><![CDATA[Block Align]]></phrase>
<phrase title="sedo_h5l_bright" version_id="5" version_string="1.0.4"><![CDATA[Normal right]]></phrase>
<phrase title="sedo_h5l_fleft" version_id="5" version_string="1.0.4"><![CDATA[Float left]]></phrase>
<phrase title="sedo_h5l_fright" version_id="5" version_string="1.0.4"><![CDATA[Float right]]></phrase>
<phrase title="sedo_h5m_background_desc" version_id="5" version_string="1.0.4"><![CDATA[Image background for video to display before starting it.]]></phrase>
<phrase title="sedo_h5m_btn_desc" global_cache="1" version_id="5" version_string="1.0.4"><![CDATA[Inserts a multimedia file]]></phrase>
<phrase title="sedo_h5m_caption" version_id="5" version_string="1.0.4"><![CDATA[Type your caption here (optional)]]></phrase>
<phrase title="sedo_h5m_caption_align" version_id="5" version_string="1.0.4"><![CDATA[Caption align]]></phrase>
<phrase title="sedo_h5m_fallback_desc" version_id="5" version_string="1.0.4"><![CDATA[Some mobile devices will require the file to use a specific format.]]></phrase>
<phrase title="sedo_h5m_mce4ui_background" version_id="5" version_string="1.0.4"><![CDATA[Background Image]]></phrase>
<phrase title="sedo_h5m_mce4ui_fallback" version_id="5" version_string="1.0.4"><![CDATA[Fallback]]></phrase>
<phrase title="sedo_h5m_mce4ui_height" version_id="5" version_string="1.0.4"><![CDATA[Height]]></phrase>
<phrase title="sedo_h5m_mce4ui_layout" version_id="5" version_string="1.0.4"><![CDATA[Layout]]></phrase>
<phrase title="sedo_h5m_mce4ui_source" version_id="5" version_string="1.0.4"><![CDATA[Source]]></phrase>
<phrase title="sedo_h5m_mce4ui_title" version_id="5" version_string="1.0.4"><![CDATA[Multimedia Audio/Video]]></phrase>
<phrase title="sedo_h5m_mce4ui_urlorid" version_id="5" version_string="1.0.4"><![CDATA[URL/ID: ]]></phrase>
<phrase title="sedo_h5m_mce4ui_width" version_id="5" version_string="1.0.4"><![CDATA[Width]]></phrase>
<phrase title="sedo_h5m_nofile" version_id="5" version_string="1.0.4"><![CDATA[No file, use classic URL instead.]]></phrase>
<phrase title="sedo_h5m_noimage" version_id="5" version_string="1.0.4"><![CDATA[No image, use classic URL instead.]]></phrase>
<phrase title="sedo_h5m_src_desc" version_id="5" version_string="1.0.4"><![CDATA[The audio/video url or file you want to display]]></phrase>
<phrase title="sedo_html5media_file_not_valid" version_id="1" version_string="1.0"><![CDATA[The file is not valid]]></phrase>
<phrase title="sedo_html5media_no_perms" version_id="5" version_string="1.0.4"><![CDATA[You don't have permission to play the file]]></phrase>
</phrases>
<route_prefixes/>
<style_properties/>
<templates>
<template title="quattro_dialog_bbm_multimedia" version_id="5" version_string="1.0.4"><![CDATA[<xen:require css="quattro_dialog.css" />
<xen:require css="quattro_dialog_bbm_multimedia.css" />
<xen:require js="js/sedo/html5media/tinyquattro/av.js" />
<div class="mceTitle">{xen:phrase sedo_h5m_mce4ui_title}</div>
<div class="mceTabs">
<div id="xentabs_h5l_source">{xen:phrase sedo_h5m_mce4ui_source}</div>
<div id="xentabs_h5l_fallback">{xen:phrase sedo_h5m_mce4ui_fallback}</div>
<div id="xentabs_h5l_layout">{xen:phrase sedo_h5m_mce4ui_layout}</div>
<div id="xentabs_h5l_background">{xen:phrase sedo_h5m_mce4ui_background}</div>
</div>
<div class="mcePanes" style="width:500px">
<div id="xenpane_h5l_source">
<dl class="xenmce_inline">
<dt id="adv_h5l_src_phrase">{xen:phrase sedo_h5m_mce4ui_urlorid}</dt>
<dd><input id="adv_h5l_src"
name="src"
type="text"
size="35"
class="mce-textbox mceFocus targetId"
value="{$selection.text}"
/><p class="explain">{xen:phrase sedo_h5m_src_desc}</p>
</dd>
</dl>
</div>
<div id="xenpane_h5l_fallback">
<dl class="xenmce_inline">
<dt id="adv_h5l_fallback_phrase">{xen:phrase sedo_h5m_mce4ui_urlorid}</dt>
<dd><input id="adv_h5l_fallback"
name="fallback"
type="text"
size="35"
class="mce-textbox targetId"
value=""
/><p class="explain">{xen:phrase sedo_h5m_fallback_desc}</p>
</dd>
</dl>
</div>
<div id="xenpane_h5l_layout">
<dl class="xenmce_inline">
<dt>{xen:phrase sedo_h5m_mce4ui_width}</dt>
<dd><input id="adv_h5l_width"
name="width"
type="text"
style="width:50px"
class="mce-textbox"
value=""
/>
</dd>
<dt></dt>
<dd><input id="adv_h5l_width_type"
name="widthType"
type="text"
class="mce-textbox"
style="width:20px"
readonly="true"
value="px"
/>
</dd>
<dt style="margin-left:20px">{xen:phrase sedo_h5m_mce4ui_height}</dt>
<dd><input id="adv_h5l_height"
name="height"
type="text"
style="width:50px"
class="mce-textbox"
value=""
/>
</dd>
<dt></dt>
<dd><input id="adv_h5l_height_type"
name="heightType"
type="text"
class="mce-textbox"
style="width:20px"
readonly="true"
value="px"
/>
</dd>
</dl>
<dl class="xenmce_inline">
<dt>{xen:phrase sedo_h5l_blockalign}</dt>
<dd>
<select id="adv_latex_align" name="blockAlign" class="mce-textbox">
<option value="bleft">{xen:phrase sedo_h5l_bleft}</option>
<option value="bcenter">{xen:phrase sedo_h5l_bcenter}</option>
<option value="bright">{xen:phrase sedo_h5l_bright}</option>
<option value="fleft">{xen:phrase sedo_h5l_fleft}</option>
<option value="fright">{xen:phrase sedo_h5l_fright}</option>
</select>
</dd>
</dl>
<dl>
<dt></dt>
<dd class="caption_align"><p>{xen:phrase sedo_h5m_caption_align}</p>
<select id="adv_h5l_caption_align" name="captionAlign" class="mce-textbox">
<option value="left">{xen:phrase left}</option>
<option value="center">{xen:phrase center}</option>
<option value="right">{xen:phrase right}</option>
</select>
</dd>
<dt>{xen:phrase sedo_h5m_caption}</dt>
<dd><textarea id="adv_h5l_caption_textarea"
name="caption"
type="text"
class="mce-textbox"
/>
</dd>
</dl>
</div>
<div id="xenpane_h5l_background">
<dl class="xenmce_inline">
<dt id="adv_h5l_fallback_phrase">{xen:phrase sedo_h5m_mce4ui_urlorid}</dt>
<dd><input id="adv_h5l_fallback"
name="background"
type="text"
size="35"
class="mce-textbox targetId"
value=""
/><p class="explain">{xen:phrase sedo_h5m_background_desc}</p>
</dd>
</dl>
</div>
</div>
<div class="quattro_h5l_attach_wrapper">
<div class="quattro_h5l_attach_file">
<xen:if is="{$attachments}">
<xen:foreach loop="$attachments" value="$attachment">
<xen:if is="!{$attachment.width} ">
<span data-attachid="{$attachment.attachment_id}">{$attachment.filename}</span>
</xen:if>
</xen:foreach>
<xen:else />
<p class="no_attach">{xen:phrase sedo_h5m_nofile}</p>
</xen:if>
</div>
<div class="quattro_h5l_attach_img">
<xen:if is="{$imgAttachments}">
<xen:foreach loop="$imgAttachments" value="$attachment">
<img src="{$attachment.thumbnailUrl}"
data-attachid="{$attachment.attachment_id}"
alt="{$attachment.attachment_id}"
/>
</xen:foreach>
<xen:else />
<p class="no_attach">{xen:phrase sedo_h5m_noimage}</p>
</xen:if>
</div>
</div>]]></template>
<template title="quattro_dialog_bbm_multimedia.css" version_id="6" version_string="1.1.0"><![CDATA[.mce-xen-body #adv_h5l_caption_textarea{
width:350px;
height:40px;
}
.mce-xen-body .caption_align{
float:right;
}
.mce-xen-body .caption_align p{
padding:2px;
}
.mce-xen-body dd .explain{
font-size:10px;
}
.mce-xen-body .quattro_h5l_attach_img{
display:none;
}
.mce-xen-body .quattro_h5l_attach_wrapper{
margin:5px;
}
.mce-xen-body .quattro_h5l_attach_wrapper .no_attach{
padding: 5px;
}
.mce-xen-body .quattro_h5l_attach_file{
height: 115px;
overflow:auto;
border: 1px dotted black;
}
.mce-xen-body .quattro_h5l_attach_file > span {
float: left;
border: 1pt solid grey;
margin: 2px;
padding: 5px;
cursor: pointer;
}
.mce-xen-body .quattro_h5l_attach_file > span:hover {
border-color: red;
}
.mce-xen-body .quattro_h5l_attach_file > span.selected {
background-color: {xen:property primaryDark};
color: {xen:property primaryLightest};
}
.mce-xen-body .quattro_h5l_attach_img{
height: 115px;
overflow:auto;
border: 1px dotted black;
}
.mce-xen-body .quattro_h5l_attach_img > img {
float: left;
border: 1pt solid grey;
margin: 2px;
padding: 5px;
cursor: pointer;
}
.mce-xen-body .quattro_h5l_attach_img > img:hover {
border-color: red;
}]]></template>
<template title="sedo_bbcode_multimedia" version_id="6" version_string="1.1.0"><![CDATA[<xen:require css="sedo_bbcode_multimedia.css" />
<xen:require js="js/sedo/html5media/html5media.min.js" />
<div class="sedo_bb_media {$options.css}"
{xen:if '!{$options.responsiveMode}', 'style="width:{$options.width}px"'}>
<xen:if is="{$options.isValid}">
<xen:if is="{$options.mediaType} == 'audio'">
<xen:if is="{$options.fallback}">
<audio controls preload="{$options.preload}">
<source src="{xen:raw $content}"></source>
<source src="{xen:raw $options.fallback}"></source>
</audio>
<xen:else />
<audio src="{xen:raw $content}" controls preload="{$options.preload}"></audio>
</xen:if>
<xen:else />
<xen:if is="{$options.fallback}">
<video class="{xen:if '{$options.displayNoViewPerms}', 'noperms'}"
{xen:if '!{$options.responsiveMode}', 'width="{$options.width}" height="{$options.height}"'}
{xen:if '{$options.poster}', 'poster="{$options.poster}"'}
controls
preload="{$options.preload}">
<source src="{xen:raw $content}"></source>
<source src="{xen:raw $options.fallback}"></source>
</video>
<xen:else />
<video src="{xen:raw $content}"
width="{$options.width}"
height="{$options.height}"
{xen:if '{$options.poster}', 'poster="{$options.poster}"'}
controls
preload="{$options.preload}"></video>
</xen:if>
</xen:if>
<xen:if is="{$options.caption} OR {$options.displayNoViewPerms}">
<p class="caption {$options.cssCaption}">{xen:if '{$options.displayNoViewPerms}', '{xen:phrase sedo_html5media_no_perms}', '{$options.caption}'}</p>
</xen:if>
<xen:else />
<p class="invalid">{xen:phrase sedo_html5media_file_not_valid}</p>
</xen:if>
</div>]]></template>
<template title="sedo_bbcode_multimedia.css" version_id="6" version_string="1.1.0"><![CDATA[.sedo_bb_media{
display:block;
position: relative;
}
.sedo_bb_media.bleft{
margin-left:0;
margin-right:auto;
}
.sedo_bb_media.bcenter{
margin-left:auto;
margin-right:auto;
}
.sedo_bb_media.bright{
margin-left:auto;
margin-right:0;
}
.sedo_bb_media.fleft{
float:left;
margin:1px 10px 0 0;
}
.sedo_bb_media.fright{
float:right;
margin:1px 0 0 10px;
}
.sedo_bb_media.responsive{
max-width:80%;
margin-left:auto;
margin-right:auto;
}
.sedo_bb_media.responsive video{
max-width: 100%;
height: auto;
}
.sedo_bb_media .caption{
font-style:italic;
}
.sedo_bb_media .caption.cap_left{
text-align:left;
}
.sedo_bb_media .caption.cap_center{
text-align:center;
}
.sedo_bb_media .caption.cap_right{
text-align:right;
}
.sedo_bb_media .invalid{
font-style:italic;
color:orange;
}
.sedo_bb_media video.noperms{
border:1px solid {xen:property primaryLighter};
background-color: {xen:property primaryLighterStill};
}]]></template>
</templates>
<public_template_modifications/>
<bb_code_media_sites/>
<bb_codes/>
</addon>