summaryrefslogtreecommitdiff
path: root/extensions/TimedMediaHandler/TimedMediaIframeOutput.php
diff options
context:
space:
mode:
authorAndré Fabian Silva Delgado <emulatorman@parabola.nu>2016-07-15 15:33:36 -0300
committerAndré Fabian Silva Delgado <emulatorman@parabola.nu>2016-07-15 15:33:36 -0300
commita5f917bbc55e295896b8084f6657eb8b6abaf8a8 (patch)
tree83dca14378e45b11fe6bbf1d17e64505dff43cbd /extensions/TimedMediaHandler/TimedMediaIframeOutput.php
parenta1d705e541e0d10baa6bb03935ffd38d9478d0e6 (diff)
Add TimedMediaHandler extension that allows display audio and video files in wiki pages, using the same syntax as for image files
Diffstat (limited to 'extensions/TimedMediaHandler/TimedMediaIframeOutput.php')
-rw-r--r--extensions/TimedMediaHandler/TimedMediaIframeOutput.php152
1 files changed, 152 insertions, 0 deletions
diff --git a/extensions/TimedMediaHandler/TimedMediaIframeOutput.php b/extensions/TimedMediaHandler/TimedMediaIframeOutput.php
new file mode 100644
index 00000000..a0e2920b
--- /dev/null
+++ b/extensions/TimedMediaHandler/TimedMediaIframeOutput.php
@@ -0,0 +1,152 @@
+<?php
+/**
+ * Adds iframe output ( bug 25862 )
+ *
+ * This enables iframe based embeds of the wikimeia player with the following syntax:
+ *
+ * <iframe src="http://commons.wikimedia.org/wiki/File:Folgers.ogv?embedplayer=yes"
+ * width="240" height="180" frameborder="0" ></iframe>
+ *
+ */
+
+class TimedMediaIframeOutput {
+ /**
+ * The iframe hook check file pages embedplayer=yes
+ * @param $title Title
+ * @param $article Article
+ * @param bool $doOutput
+ * @return bool
+ */
+ static function iframeHook( &$title, &$article, $doOutput = true ) {
+ global $wgRequest, $wgOut, $wgEnableIframeEmbed;
+ if( !$wgEnableIframeEmbed )
+ return true; //continue normal output iframes are "off" (maybe throw a warning in the future)
+
+ // Make sure we are in the right namespace and iframe=true was called:
+ if( is_object( $title ) && $title->getNamespace() == NS_FILE &&
+ $wgRequest->getVal('embedplayer') == 'yes' &&
+ $wgEnableIframeEmbed &&
+ $doOutput ){
+
+ if ( self::outputIframe( $title ) ) {
+ // Turn off output of anything other than the iframe
+ $wgOut->disable();
+ }
+ }
+
+ return true;
+ }
+
+ /**
+ * Output an iframe
+ * @param $title Title
+ * @throws Exception
+ */
+ static function outputIframe( $title ) {
+ global $wgEnableIframeEmbed, $wgOut, $wgUser, $wgBreakFrames;
+
+ if( !$wgEnableIframeEmbed ){
+ return false;
+ }
+
+ // Setup the render parm
+ $file = wfFindFile( $title );
+ if ( !$file ) {
+ // file was removed, show wiki page with warning
+ return false;
+ }
+ $params = array(
+ 'fillwindow' => true
+ );
+ $videoTransform = $file->transform( $params );
+
+ // Definitely do not want to break frames
+ $wgBreakFrames = false;
+ $wgOut->allowClickjacking();
+
+ $wgOut->addModules( array( 'embedPlayerIframeStyle', 'mw.EmbedPlayer' ) );
+ $wgOut->sendCacheControl();
+ ?>
+<!DOCTYPE html>
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<meta charset="UTF-8" />
+<title><?php echo $title->getText() ?></title>
+ <?php
+ echo Html::element( 'meta', array( 'name' => 'ResourceLoaderDynamicStyles', 'content' => '' ) );
+ ?>
+ <?php
+ echo implode( "\n", $wgOut->getHeadLinksArray() );
+ echo implode( "\n", $wgOut->getHeadLinksArray() );
+ ?>
+ <style type="text/css">
+ html, body {
+ height: 100%;
+ width: 100%;
+ margin: 0;
+ padding: 0;
+ overflow:hidden;
+ }
+ img#bgimage {
+ position:fixed;
+ top:0;
+ left:0;
+ width:100%;
+ height:100%;
+ }
+ .videoHolder {
+ position:relative;
+ }
+ </style>
+ <?php echo $wgOut->getHeadScripts(); ?>
+ <script>
+ window.RLQ = window.RLQ || [];
+ window.RLQ.push( function() {
+ mw.loader.using( 'mw.MwEmbedSupport', function() {
+ mw.setConfig('EmbedPlayer.RewriteSelector', '');
+ } );
+ // Turn off rewrite selector. This prevents automatic conversion of
+ // <video> tags, since we are going to do that ourselves later.
+ } );
+ </script>
+ </head>
+<body>
+ <img src="<?php echo $videoTransform->getUrl() ?>" id="bgimage" ></img>
+ <div id="videoContainer" style="visibility:hidden">
+ <?php echo $videoTransform->toHtml(); ?>
+ </div>
+ <?php echo $wgOut->getBottomScripts(); ?>
+ <script>
+ window.RLQ.push( function() {
+ mw.loader.using( 'mw.MwEmbedSupport', function() {
+ // only enable fullscreen if enabled in iframe
+ mw.setConfig('EmbedPlayer.EnableFullscreen', document.fullscreenEnabled || document.webkitFullscreenEnabled || document.mozFullScreenEnabled || false );
+ $('#bgimage').remove();
+
+ mw.setConfig( 'EmbedPlayer.IsIframeServer', true );
+
+ // rewrite player
+ $( '#<?php echo TimedMediaTransformOutput::PLAYER_ID_PREFIX . '0' ?>' ).embedPlayer(function(){
+
+ // Bind window resize to reize the player:
+ var fitPlayer = function(){
+ $( '#<?php echo TimedMediaTransformOutput::PLAYER_ID_PREFIX . '0' ?>' )
+ [0].updateLayout();
+ }
+
+ $( window ).resize( fitPlayer );
+ $('#videoContainer').css({
+ 'visibility':'visible'
+ } );
+ fitPlayer();
+ } );
+ } );
+ } );
+ </script>
+</body>
+</html>
+ <?php
+ return true;
+ }
+
+}