[xiph-commits] r4027 - itext
silvia at svn.annodex.net
silvia at svn.annodex.net
Fri Sep 18 03:29:00 PDT 2009
Author: silvia
Date: 2009-09-18 03:29:00 -0700 (Fri, 18 Sep 2009)
New Revision: 4027
Added:
itext/mediafrag_multiple_servers.html
Modified:
itext/
Log:
Added Davy's demo to the HTML5 video fragment demo.
Property changes on: itext
___________________________________________________________________
Modified: bzr:revision-info
- timestamp: 2009-09-16 23:13:12.046000004 +1000
committer: Silvia Pfeiffer <silvia.pfeiffer at vquence.com>
properties:
branch-nick: silvia
+ timestamp: 2009-09-18 20:27:19.789999962 +1000
committer: Silvia Pfeiffer <silvia.pfeiffer at vquence.com>
properties:
branch-nick: silvia
Modified: bzr:file-ids
- javascript/subtitles.js subtitles.js-20090718094218-d45036mvytq5pecp-10
+ mediafrag_multiple_servers.html mediafrag_multiple_s-20090918102717-osndyeog0269oh0y-1
Modified: bzr:revision-id:v4
- 1 silvia.pfeiffer at vquence.com-20090713110521-cz7evclxohf4rbs2
2 silvia.pfeiffer at vquence.com-20090714003359-apmpuor2ttarph5n
3 silvia.pfeiffer at vquence.com-20090714143931-q6j8ritt91jn5rhu
4 silvia.pfeiffer at vquence.com-20090718094222-58zgcmsg9gggbnt1
5 silvia.pfeiffer at vquence.com-20090718094708-wb83p9u6jr1xlhm6
6 silvia.pfeiffer at vquence.com-20090718095409-p6en5qufj62m8w3h
7 silvia.pfeiffer at vquence.com-20090718113424-9s8cmt1guxj6qoky
8 silvia.pfeiffer at vquence.com-20090718113445-n0q9c14w4i11pe36
9 silvia.pfeiffer at vquence.com-20090718123622-xdp52y76dvpem2ya
10 silvia.pfeiffer at vquence.com-20090718131644-69y0zml0ccbwc5er
11 silvia.pfeiffer at vquence.com-20090719002119-ekzto9pc7jqs3gw9
12 silvia.pfeiffer at vquence.com-20090719120832-srm8qemvr5jjy67w
13 silvia.pfeiffer at vquence.com-20090719130420-s7xjh35zrfj8117x
14 silvia.pfeiffer at vquence.com-20090720065454-m2g8tcjgpgw8aetr
15 silvia.pfeiffer at vquence.com-20090720131039-ivpstebztd7u3vwx
16 silvia.pfeiffer at vquence.com-20090720190949-r4ahzq2regl7opf1
17 silvia.pfeiffer at vquence.com-20090720210510-i54efp8a9sem4g6g
18 silvia.pfeiffer at vquence.com-20090721063829-4pvft92pnt7k966p
19 silvia.pfeiffer at vquence.com-20090721065410-0miir37pbb73k35r
20 silvia.pfeiffer at vquence.com-20090721065911-9ngk00aeujudpw8p
21 silvia.pfeiffer at vquence.com-20090721121059-uthu2kmvu74zjv06
22 silvia.pfeiffer at vquence.com-20090721125735-lwwo9ivbdhj0jdhp
23 silvia.pfeiffer at vquence.com-20090721130655-sdqdgbs0lexyrwh5
24 silvia.pfeiffer at vquence.com-20090721143346-065b9v0rr1tcmyg0
25 silvia.pfeiffer at vquence.com-20090722010421-9sx8ynfzcoxh1eai
26 silvia.pfeiffer at vquence.com-20090722014433-yrqaapi0kmfec1oh
27 silvia.pfeiffer at vquence.com-20090722062945-586zxe3smxv1gdcw
28 silvia.pfeiffer at vquence.com-20090727123838-lcxe2fb7n2111ipd
29 silvia.pfeiffer at vquence.com-20090728151700-ai24t8itvj8hxs0c
30 silvia.pfeiffer at vquence.com-20090728210031-2n53wzpuledyqg9w
31 silvia.pfeiffer at vquence.com-20090730034353-pcrnaae01i2q5430
32 silvia.pfeiffer at vquence.com-20090731122706-nrrle33ore1cjl87
33 silvia.pfeiffer at vquence.com-20090801092101-zyu1s0ntmio5bihb
34 silvia.pfeiffer at vquence.com-20090801092534-5pvl2ehkqi87p9le
35 silvia.pfeiffer at vquence.com-20090801233833-xa51k548ng1tqxso
36 silvia.pfeiffer at vquence.com-20090802130400-k998eftqulgcrp04
37 silvia.pfeiffer at vquence.com-20090802143005-c1sm52ru0kfed912
38 silvia.pfeiffer at vquence.com-20090827061919-ejpm51zs89ekbd56
39 silvia.pfeiffer at vquence.com-20090827061950-6fu26p80jdvdh50c
40 silvia.pfeiffer at vquence.com-20090901040002-3qs6tqiqcod3cda2
41 silvia.pfeiffer at vquence.com-20090901040227-o491w2qkp79a2a3r
42 silvia.pfeiffer at vquence.com-20090901040449-3xtimieabhw7fu7o
43 silvia.pfeiffer at vquence.com-20090901051757-h9l9753jy47x87zy
44 silvia.pfeiffer at vquence.com-20090901132958-3i65nroyeciazei3
45 silvia.pfeiffer at vquence.com-20090901230635-adfp1v5h24nvg30q
46 silvia.pfeiffer at vquence.com-20090902004049-ssqjbhtpz737oc90
47 silvia.pfeiffer at vquence.com-20090902022932-omg01n8yn6gg853c
48 silvia.pfeiffer at vquence.com-20090903010501-3vehjdbaxv2gyzzf
49 silvia.pfeiffer at vquence.com-20090912064418-3jw90gm7r0d2jjzk
50 silvia.pfeiffer at vquence.com-20090912065734-rx0kxsolg43lssa3
51 silvia.pfeiffer at vquence.com-20090912144329-yanfydw2pkoaxytw
52 silvia.pfeiffer at vquence.com-20090912152710-r2ga9oa451rmxgym
53 silvia.pfeiffer at vquence.com-20090912152945-l5voojx7ripnzono
54 silvia.pfeiffer at vquence.com-20090914014851-pt8aboskjyfhwecd
55 silvia.pfeiffer at vquence.com-20090914113345-t47n88dsqglme076
56 silvia.pfeiffer at vquence.com-20090914121706-2psey2lbp8tb70b6
57 silvia.pfeiffer at vquence.com-20090914121815-f09keijembthe6ug
58 silvia.pfeiffer at vquence.com-20090914124523-vlmi9jit1ztrgyu3
59 silvia.pfeiffer at vquence.com-20090914124902-2pcmkycne7fqfgv5
60 silvia.pfeiffer at vquence.com-20090914132553-o2ei9fl4706yjm1o
61 silvia.pfeiffer at vquence.com-20090914133103-hl9er0prbgvnht0w
62 silvia.pfeiffer at vquence.com-20090914134303-0jj8xyql5ixmd1ce
63 silvia.pfeiffer at vquence.com-20090914134859-gzoqbvy6hp73j2ij
64 silvia.pfeiffer at vquence.com-20090916050353-ulfo15y9sl4x03ep
65 silvia.pfeiffer at vquence.com-20090916054039-85bubhzxxxsnocce
66 silvia.pfeiffer at vquence.com-20090916084444-czpl6ztuyo2g2kp9
67 silvia.pfeiffer at vquence.com-20090916084647-iex2yo0bi5e3qmpa
68 silvia.pfeiffer at vquence.com-20090916084932-z6jeo7heiyyl8oil
69 silvia.pfeiffer at vquence.com-20090916085457-kpwk4qwab7y59wf7
70 silvia.pfeiffer at vquence.com-20090916090321-0e0xc0711xnuz7qu
71 silvia.pfeiffer at vquence.com-20090916120618-fbi6p0gay2mbx0zb
72 silvia.pfeiffer at vquence.com-20090916125349-g702p7kis77a7ueh
73 silvia.pfeiffer at vquence.com-20090916125752-69k4r7dmm8yqy0f2
74 silvia.pfeiffer at vquence.com-20090916131312-l6g6cp5melrl4xee
+ 1 silvia.pfeiffer at vquence.com-20090713110521-cz7evclxohf4rbs2
2 silvia.pfeiffer at vquence.com-20090714003359-apmpuor2ttarph5n
3 silvia.pfeiffer at vquence.com-20090714143931-q6j8ritt91jn5rhu
4 silvia.pfeiffer at vquence.com-20090718094222-58zgcmsg9gggbnt1
5 silvia.pfeiffer at vquence.com-20090718094708-wb83p9u6jr1xlhm6
6 silvia.pfeiffer at vquence.com-20090718095409-p6en5qufj62m8w3h
7 silvia.pfeiffer at vquence.com-20090718113424-9s8cmt1guxj6qoky
8 silvia.pfeiffer at vquence.com-20090718113445-n0q9c14w4i11pe36
9 silvia.pfeiffer at vquence.com-20090718123622-xdp52y76dvpem2ya
10 silvia.pfeiffer at vquence.com-20090718131644-69y0zml0ccbwc5er
11 silvia.pfeiffer at vquence.com-20090719002119-ekzto9pc7jqs3gw9
12 silvia.pfeiffer at vquence.com-20090719120832-srm8qemvr5jjy67w
13 silvia.pfeiffer at vquence.com-20090719130420-s7xjh35zrfj8117x
14 silvia.pfeiffer at vquence.com-20090720065454-m2g8tcjgpgw8aetr
15 silvia.pfeiffer at vquence.com-20090720131039-ivpstebztd7u3vwx
16 silvia.pfeiffer at vquence.com-20090720190949-r4ahzq2regl7opf1
17 silvia.pfeiffer at vquence.com-20090720210510-i54efp8a9sem4g6g
18 silvia.pfeiffer at vquence.com-20090721063829-4pvft92pnt7k966p
19 silvia.pfeiffer at vquence.com-20090721065410-0miir37pbb73k35r
20 silvia.pfeiffer at vquence.com-20090721065911-9ngk00aeujudpw8p
21 silvia.pfeiffer at vquence.com-20090721121059-uthu2kmvu74zjv06
22 silvia.pfeiffer at vquence.com-20090721125735-lwwo9ivbdhj0jdhp
23 silvia.pfeiffer at vquence.com-20090721130655-sdqdgbs0lexyrwh5
24 silvia.pfeiffer at vquence.com-20090721143346-065b9v0rr1tcmyg0
25 silvia.pfeiffer at vquence.com-20090722010421-9sx8ynfzcoxh1eai
26 silvia.pfeiffer at vquence.com-20090722014433-yrqaapi0kmfec1oh
27 silvia.pfeiffer at vquence.com-20090722062945-586zxe3smxv1gdcw
28 silvia.pfeiffer at vquence.com-20090727123838-lcxe2fb7n2111ipd
29 silvia.pfeiffer at vquence.com-20090728151700-ai24t8itvj8hxs0c
30 silvia.pfeiffer at vquence.com-20090728210031-2n53wzpuledyqg9w
31 silvia.pfeiffer at vquence.com-20090730034353-pcrnaae01i2q5430
32 silvia.pfeiffer at vquence.com-20090731122706-nrrle33ore1cjl87
33 silvia.pfeiffer at vquence.com-20090801092101-zyu1s0ntmio5bihb
34 silvia.pfeiffer at vquence.com-20090801092534-5pvl2ehkqi87p9le
35 silvia.pfeiffer at vquence.com-20090801233833-xa51k548ng1tqxso
36 silvia.pfeiffer at vquence.com-20090802130400-k998eftqulgcrp04
37 silvia.pfeiffer at vquence.com-20090802143005-c1sm52ru0kfed912
38 silvia.pfeiffer at vquence.com-20090827061919-ejpm51zs89ekbd56
39 silvia.pfeiffer at vquence.com-20090827061950-6fu26p80jdvdh50c
40 silvia.pfeiffer at vquence.com-20090901040002-3qs6tqiqcod3cda2
41 silvia.pfeiffer at vquence.com-20090901040227-o491w2qkp79a2a3r
42 silvia.pfeiffer at vquence.com-20090901040449-3xtimieabhw7fu7o
43 silvia.pfeiffer at vquence.com-20090901051757-h9l9753jy47x87zy
44 silvia.pfeiffer at vquence.com-20090901132958-3i65nroyeciazei3
45 silvia.pfeiffer at vquence.com-20090901230635-adfp1v5h24nvg30q
46 silvia.pfeiffer at vquence.com-20090902004049-ssqjbhtpz737oc90
47 silvia.pfeiffer at vquence.com-20090902022932-omg01n8yn6gg853c
48 silvia.pfeiffer at vquence.com-20090903010501-3vehjdbaxv2gyzzf
49 silvia.pfeiffer at vquence.com-20090912064418-3jw90gm7r0d2jjzk
50 silvia.pfeiffer at vquence.com-20090912065734-rx0kxsolg43lssa3
51 silvia.pfeiffer at vquence.com-20090912144329-yanfydw2pkoaxytw
52 silvia.pfeiffer at vquence.com-20090912152710-r2ga9oa451rmxgym
53 silvia.pfeiffer at vquence.com-20090912152945-l5voojx7ripnzono
54 silvia.pfeiffer at vquence.com-20090914014851-pt8aboskjyfhwecd
55 silvia.pfeiffer at vquence.com-20090914113345-t47n88dsqglme076
56 silvia.pfeiffer at vquence.com-20090914121706-2psey2lbp8tb70b6
57 silvia.pfeiffer at vquence.com-20090914121815-f09keijembthe6ug
58 silvia.pfeiffer at vquence.com-20090914124523-vlmi9jit1ztrgyu3
59 silvia.pfeiffer at vquence.com-20090914124902-2pcmkycne7fqfgv5
60 silvia.pfeiffer at vquence.com-20090914132553-o2ei9fl4706yjm1o
61 silvia.pfeiffer at vquence.com-20090914133103-hl9er0prbgvnht0w
62 silvia.pfeiffer at vquence.com-20090914134303-0jj8xyql5ixmd1ce
63 silvia.pfeiffer at vquence.com-20090914134859-gzoqbvy6hp73j2ij
64 silvia.pfeiffer at vquence.com-20090916050353-ulfo15y9sl4x03ep
65 silvia.pfeiffer at vquence.com-20090916054039-85bubhzxxxsnocce
66 silvia.pfeiffer at vquence.com-20090916084444-czpl6ztuyo2g2kp9
67 silvia.pfeiffer at vquence.com-20090916084647-iex2yo0bi5e3qmpa
68 silvia.pfeiffer at vquence.com-20090916084932-z6jeo7heiyyl8oil
69 silvia.pfeiffer at vquence.com-20090916085457-kpwk4qwab7y59wf7
70 silvia.pfeiffer at vquence.com-20090916090321-0e0xc0711xnuz7qu
71 silvia.pfeiffer at vquence.com-20090916120618-fbi6p0gay2mbx0zb
72 silvia.pfeiffer at vquence.com-20090916125349-g702p7kis77a7ueh
73 silvia.pfeiffer at vquence.com-20090916125752-69k4r7dmm8yqy0f2
74 silvia.pfeiffer at vquence.com-20090916131312-l6g6cp5melrl4xee
75 silvia.pfeiffer at vquence.com-20090918102719-yga5um9dlazk5wsr
Modified: bzr:text-parents
- javascript/subtitles.js silvia.pfeiffer at vquence.com-20090916054039-85bubhzxxxsnocce
+
Added: itext/mediafrag_multiple_servers.html
===================================================================
--- itext/mediafrag_multiple_servers.html (rev 0)
+++ itext/mediafrag_multiple_servers.html 2009-09-18 10:29:00 UTC (rev 4027)
@@ -0,0 +1,115 @@
+<!DOCTYPE HTML>
+<html lang="en">
+ <head>
+ <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+
+ <title>Experiments with HTML5 video and media fragments</title>
+ </head>
+
+ <body>
+
+ <h1>Experiments with HTML5 video and media fragment URI references</h1>
+
+ <h2>URI Query Example</h2>
+
+ <div id="NinSuna">
+ <p>Davy Van Deursen of the W3C Media Fragments working group implemented a demonstration of media fragment URIs using the URI query (?) mechanism on the <a href="http://respighi.elis.ugent.be/NinSuna/platform.aspx">NinSuna platform</a>. It supports only the time and the track dimension - not the id or xyzh dimensions. It also does not (yet) support URI fragments (#) as a specification for media fragment URIs. It will return a complete resource for a query such as: http://schutz.elis.ugent.be:8080/DownloadServlet/fragf2f.ogg?t=2,9&track='mp4_1'.</p>
+
+ <p>NinSuna is implemented in Java and is both a HTTP and RTSP server. It supports both MP4 and Ogg files.</p>
+
+ <p>The following video is a Ogg video served by NinSuna and allows loading different resources by changing the url given on the <video> element:</p>
+
+ <video id="v_NinSuna" width = "426px" height="320px" src="http://schutz.elis.ugent.be:8080/DownloadServlet/fragf2f.ogg?t=2,9&track='ogg_1'" controls autobuffer>
+ </video>
+
+ <form name="f_NinSuna" action="javascript:changeVideoUrl(document.videourl,0);" method="">
+ <label for="videourl">Change video element url:</label>
+ <input name="url" type="text" value="http://schutz.elis.ugent.be:8080/DownloadServlet/fragf2f.ogg?t=2,9&track='ogg_1'" size="70"/>
+ <input name="button" type="button" value="Change" onclick="changeVideoUrl(this.form,0)"/>
+ </form>
+
+ <p>Use t=3,9 (in seconds) for a single time interval, ts=2,6;10,15 (in seconds) to combine multiple time intervals, and track='ogg_1' for video track / track='ogg_2' for audio track.</p>
+
+ </div>
+
+ <h2>URI Fragment Example</h2>
+
+ <div id="main">
+ <p>Silvia Pfeiffer of the W3C Media Fragments working group implemented a demonstration of media fragment URIs using the URI fragment (#) mechanism and the HTML5 video element's video seeking functionalities using a new URI load() on the video element. It does not support URI queries (?) on the given server and only works with HTTP. It supports only time fragments and Ogg video.</p>
+
+ <p>Note: Jumping around on the video's timeline is quite slow, in particular for a reload, because the browser needs to determine the duration of the video. When using oggz-chop on the server, you can add a <a href="http://pearce.org.nz/2009/08/configuring-web-servers-for-html5-ogg.html">X-Content-Duration header</a>. In this demo, that has been hard coded into a .htaccess file on the server.</p>
+
+
+ <video id="v_elephant" src="elephants_dream/elephant.ogv#t=20" poster="elephants_dream/elephant.png"
+ autobuffer controls></video>
+
+ <form name="jumptime" action="javascript:jumpToTimeoffset(document.jumptime,1);" method="">
+ <label for="jumptime">Jump to time offset:</label>
+ <input name="time" type="number"/>
+ <input name="button" type="button" value="Jump" onclick="jumpToTimeoffset(this.form,1)"/>
+ </form>
+
+ <form name="videourl" action="javascript:changeVideoUrl(document.videourl,1);" method="">
+ <label for="videourl">Change video element url:</label>
+ <input name="url" type="text" value="elephants_dream/elephant.ogv#t=20" size="40"/>
+ <input name="button" type="button" value="Change" onclick="changeVideoUrl(this.form,1)"/>
+ </form>
+
+ </div>
+
+<p>Note: The demo works best in Firefox version >= 3.5, but also in the latest experimental releases of Safari (with XiphQT installed), Opera and Chrome. It will not work in IE.</p>
+
+<p>Note: The demo only takes time in float format for seconds - no other parsing or even error handling has been implemented yet.</p>
+
+<p>Thanks to the Orange Open Movie Team for the <a href="http://creativecommons.org/licenses/by/2.5/">Creative Commons licensed</a> "Elephants Dream" movie that was used as an example here, (c) copyright 2006, Blender Foundation / Netherlands Media Art Institute / www.elephantsdream.org.</p>
+
+<script type="text/javascript">
+ // get video element
+ var video = document.getElementsByTagName("video");
+
+ // for second video:
+ // once video is loaded, jump to time offset
+ video[1].addEventListener("loadedmetadata", function() {
+ // calculate video url & offset
+ // jump to offset given in video url
+ // START: THIS SHOULD BE NATIVE IN BROWSER
+ var videourl = video[1].currentSrc;
+ var videooffset = retrieveTimeFragment(videourl);
+ if (videooffset != 0) {
+ video[1].currentTime = videooffset;
+ }
+ // END: THIS SHOULD BE NATIVE IN BROWSER
+ }, false);
+
+ // jump to time offset action
+ function jumpToTimeoffset(form, video_index) {
+ var time = form.time.value;
+ video[video_index].currentTime = time;
+ }
+
+ // change the video's url
+ function changeVideoUrl(form, video_index) {
+ var newurl = form.url.value;
+ video[video_index].src = newurl;
+ // the change of a hash on a video's src attribute could be done
+ // without having to re-load the file
+ video[video_index].load();
+ }
+
+ // parse the time hash out of the given url
+ function retrieveTimeFragment(url) {
+ var pageoffset = 0;
+ var offsettime = 0;
+ if (url.split("#")[1] != null) {
+ pageoffset = url.split("#")[1];
+ if (pageoffset.substring(2) != null) {
+ offsettime = pageoffset.substring(2);
+ }
+ }
+ return offsettime;
+ }
+
+</script>
+
+ </body>
+</html>
More information about the commits
mailing list