js2/remoteMwEmbed.js

   1 /*
   2  * this file exposes some of the functionality of mwEmbed to wikis
   3  * that do not yet have js2 enabled
   4  */
   5
   6 var urlparts = getRemoteEmbedPath();
   7 var mwEmbedHostPath = urlparts[0];
   8 var reqAguments = urlparts[1];
   9
  10 addOnloadHook( function(){
  11         //only do rewrites if MV_EMBED / js2 is "off"
  12         if( typeof MV_EMBED_VERSION == 'undefined' ) {
  13                 doPageSpecificRewrite();
  14         }
  15 });
  16
  17 function doPageSpecificRewrite() {
  18         // Add media wizard
  19         if( wgAction == 'edit' || wgAction == 'submit' ) {
  20                 load_mv_embed( function() {
  21                         importScriptURI( mwEmbedHostPath + '/editPage.js' + reqAguments );
  22                 } );
  23         }
  24
  25         // Firefogg integration
  26         if( wgPageName == "Special:Upload" ){
  27                 load_mv_embed( function() {
  28                         importScriptURI( mwEmbedHostPath + '/uploadPage.js' + reqAguments );
  29                 } );
  30         }
  31
  32         // OggHandler rewrite for view pages:
  33         var vidIdList = [];
  34         var divs = document.getElementsByTagName( 'div' );
  35         for( var i = 0; i < divs.length; i++ ) {
  36                 if( divs[i].id && divs[i].id.substring( 0, 11 ) == 'ogg_player_' ) {
  37                         vidIdList.push( divs[i].getAttribute( "id" ) );
  38                 }
  39         }
  40         if( vidIdList.length > 0 ) {
  41                 load_mv_embed( function() {
  42                         mvJsLoader.embedVideoCheck( function() {
  43                                 // Do utility rewrite of OggHandler content:
  44                                 rewrite_for_OggHandler( vidIdList );
  45                         } );
  46                 } );
  47         }
  48 }
  49 // will be deprecated in favor of updates to OggHandler
  50 function rewrite_for_OggHandler( vidIdList ){
  51         for( var i = 0; i < vidIdList.length; i++ ) {
  52                 var vidId = vidIdList[i];
  53                 // Grab the thumbnail and src of the video
  54                 var pimg = $j( '#' + vidId + ' img' );
  55                 var poster_attr = 'poster = "' + pimg.attr( 'src' ) + '" ';
  56                 var pwidth = pimg.attr( 'width' );
  57                 var pheight = pimg.attr( 'height' );
  58
  59                 var type_attr = '';
  60                 // Check for audio
  61                 if( pwidth == '22' && pheight == '22' ) {
  62                         pwidth = '400';
  63                         pheight = '100';
  64                         type_attr = 'type="audio/ogg"';
  65                         poster_attr = '';
  66                 }
  67
  68                 // Parsed values:
  69                 var src = '';
  70                 var duration = '';
  71
  72                 var re = new RegExp( /videoUrl(&quot;:?\s*)*([^&]*)/ );
  73                 src = re.exec( $j( '#'+vidId).html() )[2];
  74
  75                 var re = new RegExp( /length(&quot;:?\s*)*([^&]*)/ );
  76                 duration = re.exec( $j( '#'+vidId).html() )[2];
  77
  78                 var re = new RegExp( /offset(&quot;:?\s*)*([^&]*)/ );
  79                 offset = re.exec( $j( '#'+vidId).html() )[2];
  80                 var offset_attr = offset ? 'startOffset="' + offset + '"' : '';
  81
  82                 // Rewrite that video id (do async calls to avoid locking)
  83                 if( src ) {
  84                         // Replace the top div with the mv_embed based player:
  85                         var vid_html = '<video id="vid_' + i +'" '+
  86                                         'src="' + src + '" ' +
  87                                         poster_attr + ' ' +
  88                                         type_attr + ' ' +
  89                                         offset_attr + ' ' +
  90                                         'duration="' + duration + '" ' +
  91                                         'style="width:' + pwidth + 'px;height:' +
  92                                                 pheight + 'px;"></video>';
  93                         //set the video tag inner html and update the height
  94                         $j( '#' + vidId ).html( vid_html )
  95                                 .css('height', pheight + 20;
  96
  97                 }
  98
  99                 rewrite_by_id( 'vid_' + i );
 100         }
 101 }
 102
 103 function getRemoteEmbedPath() {
 104         for( var i = 0; i < document.getElementsByTagName( 'script' ).length; i++ ) {
 105                 var s = document.getElementsByTagName( 'script' )[i];
 106                 if( s.src.indexOf( 'remoteMwEmbed.js' ) != -1 ) {
 107                         var reqStr = '';
 108                         var scriptPath = '';
 109                         if( s.src.indexOf( '?' ) != -1) {
 110                                 reqStr = s.src.substr( s.src.indexOf( '?' ) );
 111                                 scriptPath = s.src.substr( 0,  s.src.indexOf( '?' ) ).replace( 'remoteMwEmbed.js', '' );
 112                         } else {
 113                                 scriptPath = s.src.replace( 'remoteMwEmbed.js', '' )
 114                         }
 115                         // Use the external_media_wizard path:
 116                         return [scriptPath, reqStr];
 117                 }
 118         }
 119 }
 120
 121 function load_mv_embed( callback ) {
 122         // Inject mv_embed if needed
 123         if( typeof mvEmbed == 'undefined' ) {
 124                 importScriptURI( mwEmbedHostPath + '/mwEmbed/mv_embed.js' + reqAguments );
 125                 check_for_mv_embed( callback );
 126         } else {
 127                 check_for_mv_embed( callback );
 128         }
 129 }
 130
 131 function check_for_mv_embed( callback ) {
 132         if( typeof MV_EMBED_VERSION == 'undefined' ) {
 133                 setTimeout( function(){
 134                         check_for_mv_embed( callback );
 135                 }, 25 );
 136         } else {
 137                 callback();
 138         }
 139 }