22
33! function ( $ )
44{
5- if ( window . collab == undefined ) window . collab = { } ;
5+ if ( window . collab == undefined ) window . collab = { } ;
66
7- collab . PreviewWidget = function ( elem , paths )
8- {
9- if ( paths . length > 0 )
10- {
11- require ( [
12- 'wavesurfer' ,
13- 'videojs' ,
14- 'videojsWavesurfer' ,
15- 'videojsPersistVolume'
16- ] ,
17- function ( wavesurfer , videojs , videojsWavesurfer , videojsPersistVolume )
18- {
19- this . elem = elem ;
20- this . paths = paths ;
21- this . lastElement = this . elem . parent ( ) . find ( 'p.help' ) ;
22- this . select = this . elem . find ( 'select' ) ;
23-
24- var players = $ ( "<div id='players' class='row' style='margin-left: 100px;'></div>"
25- ) . insertAfter ( this . lastElement ) ;
26-
27- var url , markup ;
28- for ( var index in this . paths )
29- {
30- url = this . paths [ index ] ;
31- markup = '' ;
32-
33- // AUDIO
34- if ( url . endsWith ( 'mp3' ) || url . endsWith ( 'oga' ) )
35- {
36- markup = '<audio id="myAudio' + index + '" class="video-js vjs-default-skin"></audio>' ;
37- players . append ( markup ) ;
38-
39- var player = videojs ( "myAudio" + index ,
40- {
41- controls : true ,
42- autoplay : false ,
43- loop : false ,
44- width : 400 ,
45- height : 200 ,
46- plugins : {
47- wavesurfer : {
48- src : url ,
49- msDisplayMax : 10 ,
50- waveColor : "grey" ,
51- progressColor : "black" ,
52- cursorColor : "black" ,
53- hideScrollbar : true
54- } ,
55- persistvolume : {
56- namespace : 'collab_admin'
57- }
58- }
59- } ) ;
60-
61- // change player background color
62- player . el ( ) . style . backgroundColor = "#BDBBBC" ;
63- }
64- // SNAPSHOT
65- else if ( url . endsWith ( 'png' ) )
66- {
67- markup = "<a href='" + url + "' target='_blank'><img src='" + url + "' title='" + url +
68- "' style='max-width: 600px; max-height: 480px; padding: 20px;'/></img></a>" ;
69- players . append ( markup ) ;
70- }
71- // VIDEO
72- else if ( url . endsWith ( 'webm' ) || url . endsWith ( 'mp4' ) )
73- {
74- markup = '<video id="myVideo' + index + '" class="video-js vjs-default-skin"></video>' ;
75- players . append ( markup ) ;
76-
77- // add video player
78- var player = videojs ( "myVideo" + index ,
79- {
80- controls : true ,
81- autoplay : false ,
82- loop : false ,
83- width : 320 ,
84- height : 240 ,
85- plugins : {
86- persistvolume : {
87- namespace : 'collab_admin'
88- }
89- }
90- } ) ;
91- player . src ( url ) ;
92- }
93- }
94- } ) ;
95- }
96- } ;
97-
98- String . prototype . endsWith = function ( suffix ) {
99- return this . indexOf ( suffix , this . length - suffix . length ) !== - 1 ;
100- } ;
7+ collab . PreviewWidget = function ( elem , paths )
8+ {
9+ if ( paths . length > 0 )
10+ {
11+ require ( [
12+ 'wavesurfer' ,
13+ 'videojs' ,
14+ 'videojsWavesurfer' ,
15+ 'videojsPersistVolume'
16+ ] ,
17+ function ( wavesurfer , videojs , videojsWavesurfer , videojsPersistVolume )
18+ {
19+ this . elem = elem ;
20+ this . paths = paths ;
21+ this . lastElement = this . elem . parent ( ) . find ( 'p.help' ) ;
22+ this . select = this . elem . find ( 'select' ) ;
23+
24+ var players = $ ( "<div id='players' class='row' style='margin-left: 100px;'></div>"
25+ ) . insertAfter ( this . lastElement ) ;
26+
27+ var url , markup ;
28+ for ( var index in this . paths )
29+ {
30+ url = this . paths [ index ] ;
31+ markup = '' ;
32+
33+ // AUDIO
34+ if ( url . endsWith ( 'mp3' ) || url . endsWith ( 'oga' ) )
35+ {
36+ markup = '<audio id="myAudio' + index + '" class="video-js vjs-default-skin"></audio>' ;
37+ players . append ( markup ) ;
38+
39+ var player = videojs ( "myAudio" + index ,
40+ {
41+ controls : true ,
42+ autoplay : false ,
43+ loop : false ,
44+ width : 400 ,
45+ height : 200 ,
46+ plugins : {
47+ wavesurfer : {
48+ src : url ,
49+ msDisplayMax : 10 ,
50+ waveColor : "grey" ,
51+ progressColor : "black" ,
52+ cursorColor : "black" ,
53+ hideScrollbar : true
54+ } ,
55+ persistvolume : {
56+ namespace : 'collab_admin'
57+ }
58+ }
59+ } ) ;
60+
61+ // change player background color
62+ player . el ( ) . style . backgroundColor = "#BDBBBC" ;
63+ }
64+ // SNAPSHOT
65+ else if ( url . endsWith ( 'png' ) )
66+ {
67+ markup = "<a href='" + url + "' target='_blank'><img src='" + url + "' title='" + url +
68+ "' style='max-width: 600px; max-height: 480px; padding: 20px;'/></img></a>" ;
69+ players . append ( markup ) ;
70+ }
71+ // VIDEO
72+ else if ( url . endsWith ( 'webm' ) || url . endsWith ( 'mp4' ) )
73+ {
74+ markup = '<video id="myVideo' + index + '" class="video-js vjs-default-skin"></video>' ;
75+ players . append ( markup ) ;
76+
77+ // add video player
78+ var player = videojs ( "myVideo" + index ,
79+ {
80+ controls : true ,
81+ autoplay : false ,
82+ loop : false ,
83+ width : 320 ,
84+ height : 240 ,
85+ plugins : {
86+ persistvolume : {
87+ namespace : 'collab_admin'
88+ }
89+ }
90+ } ) ;
91+ player . src ( url ) ;
92+ }
93+ }
94+ } ) ;
95+ }
96+ } ;
97+
98+ String . prototype . endsWith = function ( suffix ) {
99+ return this . indexOf ( suffix , this . length - suffix . length ) !== - 1 ;
100+ } ;
101101} ( window . jQuery )
0 commit comments