DokuWiki

It's better when it's simple

User Tools

Site Tools


plugin:flowplay2

Differences

This shows you the differences between two versions of the page.

Link to this comparison view

Both sides previous revisionPrevious revision
Next revision
Previous revision
plugin:flowplay2 [2010-10-10 14:48] – downloadurl lupo49plugin:flowplay2 [2023-12-21 15:35] (current) – new download url Aleksandr
Line 1: Line 1:
-====== flowplay2 plugin ======+====== flowplay2 Plugin ======
  
 ---- plugin ---- ---- plugin ----
-description: Integrates the flowplayer to stream video to an embedded flash applet (like on YouTube) probably better that the original flowplay plugin does.+description: Integrates the flowplayer to stream video to an embedded flash applet (like on YouTube) probably better that the original flowplay plugin does
 author     : bspot author     : bspot
 email      : blind (at) bspot.de email      : blind (at) bspot.de
 type       : syntax type       : syntax
 lastupdate : 2008-04-16 lastupdate : 2008-04-16
-compatible : ???+compatible : 2008-05-05
 depends    :  depends    : 
 conflicts  : flowplay conflicts  : flowplay
-similar    : youtubeyoutubev2, google_video, flashplayer, video, flowplay +similar    : flashplayerflowplay, video, youtube 
-tags       : media, video, flash, embed, !experimental+tags       : !obsolete, media, video, flash, embed, !experimental
  
-downloadurl: http://www.bspot.de/lib/exe/fetch.php?id=flowplay2%3Astart&cache=cache&media=flowplay2:flowplay2-0.3.tar.gz+downloadurl: https://trello.com/1/cards/5b05a1106591ba87e1f492c1/attachments/5b05a12431803287e8807a4c/download/flowplay2-0.3.zip 
 +bugtracker :  
 +sourcerepo :  
 +donationurl:  
 + 
 +screenshot_img: 
 ---- ----
  
-^  Author | bspot <blind (at) bspot.de>| +Flash is not available anymore in browsersVideo functionality is included in DokuWikisee the [[wiki:syntax#media_files|media syntax description]] and [[:video]] options included adding subtitles.
-^  Version | 0.3 (2008-04-16)bundled with FlowPlayer 2.1.2 | +
-^  Status | [[:experimental]] | +
-^  Required DokuWiki version | tested with some of these 2008-04 releases | +
-^  Download | [[http://www.bspot.de/lib/exe/fetch.php?id=flowplay2%3Astart&cache=cache&media=flowplay2:flowplay2-0.3.zip|flowplay2-0.3.zip]][[http://www.bspot.de/lib/exe/fetch.php?id=flowplay2%3Astart&cache=cache&media=flowplay2:flowplay2-0.3.tar.gz|flowplay2-0.3.tar.gz]] +
-^  Old revisions | none |+
  
 ===== Description ===== ===== Description =====
Line 27: Line 27:
 Using this plugin, you can embed audio and video files into your wiki pages. Anyone with a reasonably recent Flash Player will <del>have to</del> be able to watch your videos and listen to your songs right in their browser. Using this plugin, you can embed audio and video files into your wiki pages. Anyone with a reasonably recent Flash Player will <del>have to</del> be able to watch your videos and listen to your songs right in their browser.
  
-This is accomplished by embedding [[http://flowplayer.org/|flowplayer]].+This is accomplished by embedding [[https://flowplayer.com/|Flowplayer]].
  
 In contrast to the original [[:plugin:flowplay|flowplay-plugin]], flowplay2 allows to use one player instance for many video/audio files on the same page. Further, it allows for more sophisticated configuration of the flowplayer. In contrast to the original [[:plugin:flowplay|flowplay-plugin]], flowplay2 allows to use one player instance for many video/audio files on the same page. Further, it allows for more sophisticated configuration of the flowplayer.
Line 42: Line 42:
 > >
 >Half of the plugin code was copied from the [[video]] plugin by Jason Byrne and Chris Smith (I just needed a template, and that code was similar enough to mine)" >Half of the plugin code was copied from the [[video]] plugin by Jason Byrne and Chris Smith (I just needed a template, and that code was similar enough to mine)"
- 
-===== Installation ===== 
- 
-Paste one of these into your plugin manager: [[http://www.bspot.de/lib/exe/fetch.php?id=flowplay2%3Astart&cache=cache&media=flowplay2:flowplay2-0.3.zip|flowplay2-0.3.zip]], [[http://www.bspot.de/lib/exe/fetch.php?id=flowplay2%3Astart&cache=cache&media=flowplay2:flowplay2-0.3.tar.gz|flowplay2-0.3.tar.gz]] 
  
 ===== Configuration ===== ===== Configuration =====
Line 59: Line 55:
 Works like for the flowplay plugin. Citing Dave Kliczbor again: Works like for the flowplay plugin. Citing Dave Kliczbor again:
  
->In most cases, no additional configuration is needed. There are some rare cases when the video does not play... I haven't completely sorted it out, but you seem to get a better chance if you let the browser load the .swf file over HTTP. Then again, you may want to use another FlowPlayer installation on your server. +> In most cases, no additional configuration is needed. There are some rare cases when the video does not play... I haven't completely sorted it out, but you seem to get a better chance if you let the browser load the .swf file over HTTP. Then again, you may want to use another FlowPlayer installation on your server. 
-+>  
->In both cases, you have one configuration variable to set: <code>+> In both cases, you have one configuration variable to set: <code>
 $conf['plugin']['flowplay']['player_base_url'] = 'http://yourserver.tld/flowplayer-0.14/'; $conf['plugin']['flowplay']['player_base_url'] = 'http://yourserver.tld/flowplayer-0.14/';
 </code> </code>
->This example assumes that the URL of ''FlowPlayer.swf'' is: ''%%http://yourserver.tld/flowplayer-0.14/FlowPlayer.swf%%''+> This example assumes that the URL of ''FlowPlayer.swf'' is: ''%%http://yourserver.tld/flowplayer-0.14/FlowPlayer.swf%%''
  
 ===== Usage ===== ===== Usage =====
Line 72: Line 68:
   * image: JPG, PNG   * image: JPG, PNG
   * audio: MP3   * audio: MP3
-Check [[http://flowplayer.org]] for updates.+Check [[https://flowplayer.com/]] for updates.
  
 About the conversion take a look at [[http://flowplayer.sourceforge.net/encoding.html]] or the [[:plugin:flowplay|flowplay plugin]] page. About the conversion take a look at [[http://flowplayer.sourceforge.net/encoding.html]] or the [[:plugin:flowplay|flowplay plugin]] page.
Line 79: Line 75:
   * have to embed the player, and   * have to embed the player, and
   * optionally may define further files to be shown in the player.   * optionally may define further files to be shown in the player.
 +
 ==== Embedding the player ==== ==== Embedding the player ====
  
 Syntax: Syntax:
  
-<code> +  {{flowplay>_path_to_media_file_?_player_options_}}
-{{flowplay>_path_to_media_file_?_player_options_}} +
-</code>+
  
-The _path_to_media_file_ is - you may have guessed - a path to any media file recognized by the player. It is though optional: If you leave it out, the player won't be shown (and loaded) until one of the playlist items (see below) is clicked. +The ''_path_to_media_file_'' is -- you may have guessed -- a path to any media file recognized by the player. It is though optional: If you leave it out, the player won't be shown (and loaded) until one of the playlist items (see below) is clicked.
  
-The _player_options_ is a list of space-separated options passed to the flowplayer as follows:+The ''_player_options_'' is a list of space-separated options passed to the flowplayer as follows:
   * An option looking like ''widthxheight'' sets the width and height of the player.   * An option looking like ''widthxheight'' sets the width and height of the player.
   * An option looking like ''option:value'' sets any non-boolean ''option'' to ''value''.   * An option looking like ''option:value'' sets any non-boolean ''option'' to ''value''.
Line 102: Line 97:
 The syntax is: The syntax is:
  
-<code> +  [[flowplay>_path_to_media_file_|_link_title_]]
-[[flowplay>_path_to_media_file_|_link_title_]] +
-</code>+
  
-The _path_to_media_file_ again is the path to your media file. It is of course not optional here. +  * The ''_path_to_media_file_'' again is the path to your media file. It is of course not optional here. 
- +  The ''_link_title_'' the title of the link -- any wiki markup allowed.
-The _link_title_ the title of the link - any wiki markup allowed.+
  
 ===== Known Bugs ===== ===== Known Bugs =====
Line 118: Line 110:
  
   * **2008-04-16 Version 0.3**:   * **2008-04-16 Version 0.3**:
-            * Initial release. This has number 0.3 because it is based on flowplay 0.2+    * Initial release. This has number 0.3 because it is based on flowplay 0.2 
 ===== Discussion ===== ===== Discussion =====
  
Line 149: Line 142:
  
 I have had some problems showing two renders of the plugin. I modified the source. Not very clean but good enough. I have had some problems showing two renders of the plugin. I modified the source. Not very clean but good enough.
-  $ LANG=C diff -uNr syntax.php ~/dokuwiki/lib/plugins/flowplay2/syntax.php + 
-  --- syntax.php 2009-02-13 10:59:30.000000000 +0000 +<code diff> 
-  +++ /home/eduardo/dokuwiki/lib/plugins/flowplay2/syntax.php 2009-10-26 11:41:25.000000000 +0000 +$ LANG=C diff -uNr syntax.php ~/dokuwiki/lib/plugins/flowplay2/syntax.php 
-  @@ -179,6 +179,10 @@ +--- syntax.php 2009-02-13 10:59:30.000000000 +0000 
-   $r .= "videoFile: '" . ml($indata["url"]) . "'"; ++++ /home/eduardo/dokuwiki/lib/plugins/flowplay2/syntax.php 2009-10-26 11:41:25.000000000 +0000 
-     +@@ -179,6 +179,10 @@ 
-    $r .= "  " . DOKU_LF; +        $r .= "videoFile: '" . ml($indata["url"]) . "'";
-  + +
-  + // Eduardo +
-  + preg_match("/:(\w+)\./",$indata["url"],$url_id); +
-  + //$r .=   "\\\\ " . $url_id[1] . DOKU_LF; +
-     +
-    // EMBED configuration +
-    $r .= "var embedConfig =   " . DOKU_LF . +
-  @@ -191,10 +195,14 @@ +
-    "</script>" . DOKU_LF; +
-     +
-    // add the player-div +
-  - $r .= "<div id='flowplayer'></div>"; +
-  + //$r .= "<div id='flowplayer'></div>"; +
-  + // Eduardo +
-  + $r .= "<div id='flowplayer_" . $url_id[1] . "' class='flowplayitem'></div>"; +
-  + +
-  + $r .= '<script language="javascript">runFlowPlayer(playerConfig["videoFile"]);</script>'; +
-     +
-    return $r; +
-    } +
-   }+
          
-  -?> +    $r .= "  " . DOKU_LF; 
-  \ No newline at end of file +
-  +?>++ // Eduardo 
 ++ preg_match("/:(\w+)\./",$indata["url"],$url_id); 
 ++ //$r .=   "\\\\ " . $url_id[1] . DOKU_LF; 
 +         
 +    // EMBED configuration 
 +    $r .= "var embedConfig =   " . DOKU_LF . 
 +@@ -191,10 +195,14 @@ 
 +        "</script>" . DOKU_LF; 
 +     
 +    // add the player-div 
 +- $r .= "<div id='flowplayer'></div>"; 
 ++ //$r .= "<div id='flowplayer'></div>"; 
 ++ // Eduardo 
 ++ $r .= "<div id='flowplayer_" . $url_id[1] . "' class='flowplayitem'></div>"; 
 +
 ++ $r .= '<script language="javascript">runFlowPlayer(playerConfig["videoFile"]);</script>'; 
 +     
 +    return $r; 
 +
 +
 + 
 +-?> 
 +\ No newline at end of file 
 ++?
 +</code>
  
 and also and also
  
-  $ LANG=C diff -uNr playlist.js ~/dokuwiki/lib/plugins/flowplay2/playlist.js +<code diff> 
-  --- playlist.js 2008-04-16 22:17:52.000000000 +0100 +$ LANG=C diff -uNr playlist.js ~/dokuwiki/lib/plugins/flowplay2/playlist.js 
-  +++ /home/eduardo/dokuwiki/lib/plugins/flowplay2/playlist.js 2009-10-26 11:41:47.000000000 +0000 +--- playlist.js 2008-04-16 22:17:52.000000000 +0100 
-  @@ -31,6 +31,9 @@ ++++ /home/eduardo/dokuwiki/lib/plugins/flowplay2/playlist.js 2009-10-26 11:41:47.000000000 +0000 
-   {  +@@ -31,6 +31,9 @@ 
-   // set URL +{  
-   playerConfig.videoFile = url;  +// set URL 
-  +playerConfig.videoFile = url;  
-  + // Eduardo +
-  + var id_url = url.match(/:(\w+)\./); ++ // Eduardo 
-    ++ var id_url = url.match(/:(\w+)\./); 
-   // if flowplayer is not loaded. load it now.  + 
-   if (flowplayerobject == null)  +// if flowplayer is not loaded. load it now.  
-  @@ -39,7 +42,8 @@ +if (flowplayerobject == null)  
-   // Flash API is automatically returned (flashembed.js ver. 0.27)  +@@ -39,7 +42,8 @@ 
-   flowplayerobject = flashembed +    // Flash API is automatically returned (flashembed.js ver. 0.27)  
-   +    flowplayerobject = flashembed 
-  - "flowplayer", +    
-  + "flowplayer_" + id_url[1], +- "flowplayer", 
-  + //"flowplayer", ++ "flowplayer_" + id_url[1], 
-   embedConfig, ++ //"flowplayer", 
-   {config: playerConfig}  +        embedConfig, 
-   ); +        {config: playerConfig}  
-  @@ -53,27 +57,29 @@ +    ); 
-   +@@ -53,27 +57,29 @@ 
-    +
-    + 
-  + 
-   window.onload = function()  +
-   {  +window.onload = function()  
-  - var links = document.getElementsByTagName("a");   +{  
-  - for (var i = 0; i < links.length; i++)  +- var links = document.getElementsByTagName("a");   
-  - { +- for (var i = 0; i < links.length; i++)  
-  - if (links[i].className == "flowplayitem")  +- { 
-  - { +- if (links[i].className == "flowplayitem")  
-  - links[i].onclick = function()  +- { 
-  - {   +- links[i].onclick = function()  
-  - playerConfig.autoPlay = true; +- {   
-  - runFlowPlayer(this.getAttribute("href")); +- playerConfig.autoPlay = true; 
-  -  +- runFlowPlayer(this.getAttribute("href")); 
-  - // disable link's default behaviour  +-  
-  - return false;   +- // disable link's default behaviour  
-  - } +- return false;   
-  - } +- } 
-  - }  +- } 
-  -  +- }  
-  - // start player if url is given +-  
-  - if (playerConfig["videoFile"]) +- // start player if url is given 
-  - runFlowPlayer(playerConfig["videoFile"]); +- if (playerConfig["videoFile"]) 
-  +- runFlowPlayer(playerConfig["videoFile"]); 
-  + //var links = document.getElementsByTagName("a");   +
-  + //for (var i = 0; i < links.length; i++)  ++ //var links = document.getElementsByTagName("a");   
-  + //{ ++ //for (var i = 0; i < links.length; i++)  
-  + // if (links[i].className == "flowplayitem")  ++ //{ 
-  + // { ++ // if (links[i].className == "flowplayitem")  
-  + // links[i].onclick = function()  ++ // { 
-  + //  ++ // links[i].onclick = function()  
-  + // playerConfig.autoPlay = true; ++ //  
-  + // runFlowPlayer(this.getAttribute("href")); ++ // playerConfig.autoPlay = true; 
-  + //  ++ // runFlowPlayer(this.getAttribute("href")); 
-  + // // disable link's default behaviour  ++ //  
-  + // return false;   ++ // // disable link's default behaviour  
-  + // } ++ // return false;   
-  + // } ++ // } 
-  + //}  ++ // } 
-  + //  ++ //}  
-  + //// start player if url is given ++ //  
-  + //if (playerConfig["videoFile"]) ++ //// start player if url is given 
-  + // runFlowPlayer(playerConfig["videoFile"]); ++ //if (playerConfig["videoFile"]) 
-    ++ // runFlowPlayer(playerConfig["videoFile"]); 
-   // when user presses splash image it triggers our first playlist entry  + 
-   if (document.getElementById("splash"))+// when user presses splash image it triggers our first playlist entry  
 +if (document.getElementById("splash")) 
 +</code> 
 + 
 +===== Putting more than one player on a page =====
  
-====== Putting more than one player on a page ====== 
 <code php syntax.php> <code php syntax.php>
 <?php <?php
plugin/flowplay2.1286714885.txt.gz · Last modified: 2010-10-10 14:48 by lupo49

Except where otherwise noted, content on this wiki is licensed under the following license: CC Attribution-Share Alike 4.0 International
CC Attribution-Share Alike 4.0 International Donate Powered by PHP Valid HTML5 Valid CSS Driven by DokuWiki