Author: andre
Date: 2010-03-02 10:21:40 +0100 (Tue, 02 Mar 2010)
New Revision: 41221
Added:
openimages/trunk/src/main/webapp/oiplayer/index.html
Removed:
openimages/trunk/src/main/webapp/oiplayer/player.html
Log:
moved page to index.html
Copied: openimages/trunk/src/main/webapp/oiplayer/index.html (from rev 41220,
openimages/trunk/src/main/webapp/oiplayer/player.html)
===================================================================
--- openimages/trunk/src/main/webapp/oiplayer/index.html
(rev 0)
+++ openimages/trunk/src/main/webapp/oiplayer/index.html 2010-03-02
09:21:40 UTC (rev 41221)
@@ -0,0 +1,73 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
+ "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd";>
+<html xmlns="http://www.w3.org/1999/xhtml"; xml:lang="nl">
+<head>
+ <meta http-equiv="content-type" content="text/html; charset=utf-8" />
+ <title>OIPlayer jQuery Plugin - Open Images Platform</title>
+ <script src="/~andre/oiplayer/js/jquery-1.3.2.min.js"
type="text/javascript"><!-- help ie --></script>
+ <script src="/~andre/oiplayer/plugins/flowplayer-3.1.4.min.js"
type="text/javascript"><!-- help ie --></script>
+ <script src="/~andre/oiplayer/js/jquery.oiplayer.js"
type="text/javascript"><!-- help ie --></script>
+ <script src="/~andre/oiplayer/js/play.js" type="text/javascript"><!-- help
ie --></script>
+ <link href="/~andre/oiplayer/css/oiplayer.css" rel="stylesheet"
type="text/css" />
+</head>
+<body class="oiplayer-example">
+
+<div class="main">
+ <h1>OIPlayer</h1>
+ <h2>Example video: Storm</h2>
+ <div id="clientcaps"> </div> <!-- div#clientcaps is needed for Java
detection in MSIE -->
+
+ <video controls="controls"
poster="http://www.openbeelden.nl/images/18489/WEEKNUMMER364-HRE0000D9C6.png";>
+ <source type="video/ogg; codecs=theora"
src="http://www.openbeelden.nl/files/09/9734.9730.WEEKNUMMER364-HRE0000D9C6.ogv";>
</source>
+ <source type="video/ogg; codecs=theora"
src="http://www.openbeelden.nl/files/09/9737.9730.WEEKNUMMER364-HRE0000D9C6.ogv";>
</source>
+ <source type="video/mp4; codecs=unknown"
src="http://www.openbeelden.nl/files/09/9740.9730.WEEKNUMMER364-HRE0000D9C6.mp4";>
</source>
+ </video>
+
+ <p>
+ This (silent) movie is on Open Images <a
href="http://www.openbeelden.nl/media/9728/Storm";>http://www.openbeelden.nl/media/9728/Storm</a>.
+ I copied the video-tag and added a poster attribute to the tag.
+ </p>
+ <h2>Howto</h2>
+ <ol>
+ <li>
+ Enable the jQuery plugin on all HTML5 video or audio tags.
+ In this example on all pages with a body with class 'oiplayerexample'.
+ <pre>
+ $(document).ready(function() {
+ $('body.oiplayer-example').oiplayer({ 'controls' : true });
+ });
+ </pre>
+ </li>
+ <li>
+ OIPlayer has a fallback mechanism that can be made to work
+ by installing <a href="http://www.flowplayer.org";>Flowplayer</a> and
Cortado.
+ Flowplayer needs the Flash plugin and plays h.264, flv and mp4 files
when they are correctly encoded.
+ Cortado is a Java applet that plays Ogg video and audio (ogv, aga).
+ <ul>
+ <li>server: webserver (msie (or windows java) has issues with finding
directories)</li>
+ <li>jar: location of Cortado jar</li>
+ <li>flash: location of Flowplayer and its files</li>
+ </ul>
+ <pre>
+ $(document).ready(function() {
+ $('body.oiplayer-example').oiplayer({
+ 'server' : 'http://localhost',
+ 'jar' : '/oiplayer/cortado-ovt-stripped-wm_r38710.jar',
+ 'flash' : '/oiplayer/plugins/flowplayer-3.1.1.swf',
+ 'controls' : true
+ });
+ });
+ </pre>
+ </li>
+ <li>
+ You will probably get a 'Not allowed' with Cortado since it is often not
allowed to play
+ files from different hosts by some browsers. Be sure to copy your files
to the host
+ from where your pages are served.
+ </li>
+ </ol>
+
+
+</div>
+
+</body>
+</html>
Deleted: openimages/trunk/src/main/webapp/oiplayer/player.html
===================================================================
--- openimages/trunk/src/main/webapp/oiplayer/player.html 2010-03-02
09:21:09 UTC (rev 41220)
+++ openimages/trunk/src/main/webapp/oiplayer/player.html 2010-03-02
09:21:40 UTC (rev 41221)
@@ -1,73 +0,0 @@
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
- "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd";>
-<html xmlns="http://www.w3.org/1999/xhtml"; xml:lang="nl">
-<head>
- <meta http-equiv="content-type" content="text/html; charset=utf-8" />
- <title>OIPlayer jQuery Plugin - Open Images Platform</title>
- <script src="/~andre/oiplayer/js/jquery-1.3.2.min.js"
type="text/javascript"><!-- help ie --></script>
- <script src="/~andre/oiplayer/plugins/flowplayer-3.1.4.min.js"
type="text/javascript"><!-- help ie --></script>
- <script src="/~andre/oiplayer/js/jquery.oiplayer.js"
type="text/javascript"><!-- help ie --></script>
- <script src="/~andre/oiplayer/js/play.js" type="text/javascript"><!-- help
ie --></script>
- <link href="/~andre/oiplayer/css/oiplayer.css" rel="stylesheet"
type="text/css" />
-</head>
-<body class="oiplayer-example">
-
-<div class="main">
- <h1>OIPlayer</h1>
- <h2>Example video: Storm</h2>
- <div id="clientcaps"> </div> <!-- div#clientcaps is needed for Java
detection in MSIE -->
-
- <video controls="controls"
poster="http://www.openbeelden.nl/images/18489/WEEKNUMMER364-HRE0000D9C6.png";>
- <source type="video/ogg; codecs=theora"
src="http://www.openbeelden.nl/files/09/9734.9730.WEEKNUMMER364-HRE0000D9C6.ogv";>
</source>
- <source type="video/ogg; codecs=theora"
src="http://www.openbeelden.nl/files/09/9737.9730.WEEKNUMMER364-HRE0000D9C6.ogv";>
</source>
- <source type="video/mp4; codecs=unknown"
src="http://www.openbeelden.nl/files/09/9740.9730.WEEKNUMMER364-HRE0000D9C6.mp4";>
</source>
- </video>
-
- <p>
- This (silent) movie is on Open Images <a
href="http://www.openbeelden.nl/media/9728/Storm";>http://www.openbeelden.nl/media/9728/Storm</a>.
- I copied the video-tag and added a poster attribute to the tag.
- </p>
- <h2>Howto</h2>
- <ol>
- <li>
- Enable the jQuery plugin on all HTML5 video or audio tags.
- In this example on all pages with a body with class 'oiplayerexample'.
- <pre>
- $(document).ready(function() {
- $('body.oiplayer-example').oiplayer({ 'controls' : true });
- });
- </pre>
- </li>
- <li>
- OIPlayer has a fallback mechanism that can be made to work
- by installing <a href="http://www.flowplayer.org";>Flowplayer</a> and
Cortado.
- Flowplayer needs the Flash plugin and plays h.264, flv and mp4 files
when they are correctly encoded.
- Cortado is a Java applet that plays Ogg video and audio (ogv, aga).
- <ul>
- <li>server: webserver (msie (or windows java) has issues with finding
directories)</li>
- <li>jar: location of Cortado jar</li>
- <li>flash: location of Flowplayer and its files</li>
- </ul>
- <pre>
- $(document).ready(function() {
- $('body.oiplayer-example').oiplayer({
- 'server' : 'http://localhost',
- 'jar' : '/oiplayer/cortado-ovt-stripped-wm_r38710.jar',
- 'flash' : '/oiplayer/plugins/flowplayer-3.1.1.swf',
- 'controls' : true
- });
- });
- </pre>
- </li>
- <li>
- You will probably get a 'Not allowed' with Cortado since it is often not
allowed to play
- files from different hosts by some browsers. Be sure to copy your files
to the host
- from where your pages are served.
- </li>
- </ol>
-
-
-</div>
-
-</body>
-</html>
_______________________________________________
Cvs mailing list
[email protected]
http://lists.mmbase.org/mailman/listinfo/cvs
![http://www.openbeelden.nl/images/18489/WEEKNUMMER364-HRE0000D9C6.png"](http://www.openbeelden.nl/images/18489/WEEKNUMMER364-HRE0000D9C6.png"){kind=link}