source: trunk/fl5/js/test/examples/index.html @ 1566

Revision 1566, 10.4 KB checked in by zach, 2 years ago (diff)
  • Resize method for HTML5 now uses HTML5 mode's API 1209
  • Embedder now attaches event listeners for events in setup config 1208
Line 
1<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
2<html>
3    <head>
4        <title>HTML5 Player Examples</title>
5        <style type="text/css">
6            body {
7                font-family: Arial, Verdana, sans-serif;
8                font-size: .8em;
9                padding-left: 1em;
10            }
11           
12            ul {
13                margin-left: 0;
14                padding: 1em;
15            }
16        </style>
17    </head>
18    <body>
19        <h1>Examples</h1>
20        <ul id="examples">
21        </ul>
22        <script type="text/javascript">
23            var list = document.getElementById("examples");
24            var examplePages = {
25                "Basic Tests": {
26                        "Page with no document type": "nodoctype.html",
27                        "Embedding": {
28                                "Object and embed tags": "objectembed.html",
29                                "Video tag embed": "videotag.html",
30                                "Multiple players": "multiple_players.html",
31                                "File paths": {
32                                        "No file specified": "nofile.html",
33                                        "Invalid file path specified": "badfile.html",
34                                                        "Unkown / no file extension": "noextension.html",
35                                        "Absolute file path": "filepathsabsolute.html",
36                                        "Root file path": "filepathsroot.html",
37                                        "Relative file path": "filepathsrelative.html"
38                                },
39                                                "Mode specific targetting": "modespecificconfig.html",
40                                                "Mode alias": "modealias.html"
41                        },
42                        "Video codecs": {
43                                "Single MP4": "single_mp4.html",
44                                "Single OGV": "single_ogg.html",
45                                "YouTube": "youtube.html",
46                                "Multiple sources (MP4 and OGV)": "mp4_ogg.html",
47                                "Bitrate switching": "bitrateswitching.html",
48                                "RTMP": "rtmp.html"
49                        }
50                },
51                "Configuration Tests": {
52                                        "Providers": "providers.html", 
53                        "Multiple players with various options": "multiple_customs.html",
54                                        "Components + positions": "components.html",
55                        "Skins": {
56                                "All Skins": "custom_skin.html",
57                                "Invalid skin path specified": "badskin.html",
58                                "Skin redirect": "testskin.html"
59                        },
60                        "Playlists": {
61                                "Progressive download": "playlist.html?type=progressive",
62                                //"HTTP Pseudo-streaming": "httpplaylist.html",
63                                "RTMP": "playlist.html?type=rtmp",
64                                "Mixed": "playlist.html?type=mixed",
65                                "XML Playlits": "xmlplaylists.html",
66                                                //"Playlist formats": {
67                                                //      "ASX" : "playlistparsing.html?"+escape('var config = {title:"ASX Playlists", "playlist":"../files/asx.xml"}'),
68                                                //      "Atom" : "playlistparsing.html?"+escape('var config = {title:"Atom Playlists", "playlist":"../files/atom.xml"}'),
69                                                //      "iTunes" : "playlistparsing.html?"+escape('var config = {title:"iTunes Playlists", "playlist":"../files/irss.xml"}'),
70                                                //      "mRSS" : "playlistparsing.html?"+escape('var config = {title:"mRSS Playlists", "playlist":"../files/mrss.xml"}'),
71                                                //      "XSPF" : "playlistparsing.html?"+escape('var config = {title:"XSPF Playlists", "playlist":"../files/xspf.xml"}')                                                       
72                                                //},
73                                                "Bitrate Switching" : "playlistparsing.html?"+escape('var config = {title:"Bitrate Switching", "playlist":"../files/bitrates.xml"}'),
74                                                "Dynamic Streaming" : "playlistparsing.html?"+escape('var config = {title:"Dynamic Streaming", "playlist":"../files/dynamic.xml"}'),
75                                                "Highwinds" : "playlistparsing.html?"+escape('var config = {title:"Highwinds", "playlist":"../files/highwinds.xml"}'),
76                                                "SMIL Loadbalancing" : "playlistparsing.html?"+escape('var config = {title:"SMIL Loadbalancing", "playlist":"../files/smil.xml"}')
77                        },
78                        "Components": {
79                                "Controlbar": "controlbar.html",
80                                "Logo": "logo.html"
81                        },
82                        "Plugins": {
83                                                "Overview": "plugins.html",
84                                                "Loading and Configuration" : {
85                                                        "Local": {
86                                                                "Absolute referenced": {
87                                                                        "JavaScript": "plugins.html?"+escape('var config = {title:"Absolute Path - JavaScript", plugins:{"http://developer.longtailvideo.com/player/trunk/fl5/js/test/examples/plugins/textplugin.js":{text:"Plugin successfully loaded!"}}}'),
88                                                                        "Flash":"plugins.html?"+escape('var config = {title:"Absolute Path - Flash", plugins:{"http://developer.longtailvideo.com/player/trunk/fl5/js/test/examples/plugins/hd.swf":{"file":"http://content.bitsontherun.com/videos/gSzpo2wh-486405.mp4"}}}')
89                                                                },
90                                                                "Root referenced": {
91                                                                        "JavaScript": "plugins.html?"+escape('var config = {title:"Root Path - JavaScript", plugins:{"/player-5.5a/js/test/examples/plugins/textplugin.js":{text:"Plugin successfully loaded!"}}}'),
92                                                                        "Flash":"plugins.html?"+escape('var config = {title:"Root Path - Flash", plugins:{"/player-5.5a/js/test/examples/plugins/hd.swf":{"file":"http://content.bitsontherun.com/videos/gSzpo2wh-486405.mp4"}}}')
93                                                                },
94                                                                "Relatively referenced": {
95                                                                        "JavaScript": "plugins.html?"+escape('var config = {title:"Relative Path - JavaScript", plugins:{"plugins/textplugin.js":{text:"Plugin successfully loaded!"}}}'),
96                                                                        "Flash":"plugins.html?"+escape('var config = {title:"Relative Path - Flash", plugins:{"plugins/hd.swf":{"file":"http://content.bitsontherun.com/videos/gSzpo2wh-486405.mp4"}}}')
97                                                                },
98                                                                "Bad Path": {
99                                                                        "JavaScript": "plugins.html?"+escape('var config = {title:"Bad Path - JavaScript", plugins:{"plugins/textplugin.js":{text:"Plugin successfully loaded!"}, "plugins/textplugin1.js":{text:"Plugin successfully loaded!"}}}'),
100                                                                        "Flash":"plugins.html?"+escape('var config = {title:"Bad Path - Flash", plugins:{"http://developer.longtailvideo.com/player/trunk/fl5/js/test/examples/plugins/hd1.swf":{"file":"http://content.bitsontherun.com/videos/gSzpo2wh-486405.mp4"}}}')
101                                                                },
102                                                                "Mixed Mode": {
103                                                                        "CDN": "plugins.html?"+escape('var config = {title:"Mixed Mode - CDN", plugins:{"plugins/hd-cdn.js":{text:"Plugin successfully loaded!", "file":"http://content.bitsontherun.com/videos/gSzpo2wh-486405.mp4"}}}'),
104                                                                        "Absolute": "plugins.html?"+escape('var config = {title:"Mixed Mode - Absolute", plugins:{"plugins/hd-absolute.js":{text:"Plugin successfully loaded!", "file":"http://content.bitsontherun.com/videos/gSzpo2wh-486405.mp4"}}}'),
105                                                                        "Root": "plugins.html?"+escape('var config = {title:"Mixed Mode - Root", plugins:{"plugins/hd-root.js":{text:"Plugin successfully loaded!", "file":"http://content.bitsontherun.com/videos/gSzpo2wh-486405.mp4"}}}'),
106                                                                        "Relative": "plugins.html?"+escape('var config = {title:"Mixed Mode - Relative", plugins:{"plugins/hd-relative.js":{text:"Plugin successfully loaded!", "file":"http://content.bitsontherun.com/videos/gSzpo2wh-486405.mp4"}}}'),
107                                                                        "Bad": "plugins.html?"+escape('var config = {title:"Mixed Mode - Bad", plugins:{"plugins/hd-bad.js":{text:"Plugin successfully loaded!", "file":"http://content.bitsontherun.com/videos/gSzpo2wh-486405.mp4"}}}')
108                                                                },
109                                                                "Flash Only": "plugins/local/flash.html",
110                                                                "Multiple plugins": "plugins/local/multiple.html",
111                                                                "Versioning": "plugins/local/versioning.html"
112                                                        },
113                                                        "Hosted": {
114                                                                "JavaScript": "plugins.html?"+escape('var config = {title:"Absolute Path - JavaScript", plugins:{"textplugin":{text:"Plugin successfully loaded!"}}}'),
115                                                                "Flash":"plugins.html?"+escape('var config = {title:"Absolute Path - Flash", plugins:{"hd":{"file":"http://content.bitsontherun.com/videos/gSzpo2wh-486405.mp4"}}}')
116                                                        }
117                                                }
118                                        },
119                        "Stretching": "stretching.html",
120                        "Chromeless": "chromeless.html"
121                },
122                "API": {
123                        "Utilities": {
124                                "API": "api.html",
125                                "Event listeners": "listeners.html"
126                        },
127                        "Setup / remove": "setupandremove.html",
128                        "Unit Tests": {
129                                "Events (in setup block)": "apiunittesteventssetup.html",
130                                "Events (dynamic)": "apiunittesteventsdynamic.html",
131                                "Play": "apiunittestplay.html",
132                                "Pause": "apiunittestpause.html",
133                                "Mute": "apiunittestmute.html",
134                                "Fullscreen": "apiunittestfullscreen.html"
135                        },
136                        "Resize": "resize.html",
137                        "Load": "load.html"
138                },
139                "Common Libraries": {
140                        "Dojo": "libraries/dojo.html",
141                        "Ext Core": "libraries/ext-core.html",
142                        "jQuery": "libraries/jquery.html",
143                        "MooTools": "libraries/mootools.html",
144                        "Prototype": "libraries/prototype.html",
145                        "Scriptaculous": "libraries/scriptaculous.html",
146                        "SWFObject": "libraries/swfobject.html",
147                        "YUI": "libraries/yui.html"
148                },
149                "Player 5.4": {
150                        "Bugs": {
151                                "Social media": "socialmedia.html",
152                                "Loading HTML instead of a skin": "htmlskin.html",
153                                "Firefox bug": "ff3bug.html#",
154                                "FLV failover": "failover.html",
155                                "Video URLs with query strings": "extensions.html",
156                                "Skins: Controlbar without settings block": "testskin.html"
157                        },
158                        "Features": {
159                                "Apple (Cupertino) Streaming": "m3u8.html",
160                                "Netstream base path": "netstreambasepath.html",
161                                "Settable wmode": "wmode.html",
162                                "Download fallback": "downloadfallback.html"
163                        }
164                },
165                "Player 5.5": {
166                        "Bugs": {
167                                "Embed location": "embedlocation.html"
168                        }
169                }
170            };
171           
172            function createList(examples, parentDOM) {
173                for (var example in examples) {
174                        var listItem = document.createElement("li");
175                        if (typeof examples[example] == "object") {
176                                listItem.innerHTML = example;
177                                var newList = document.createElement("ul");
178                                listItem.appendChild(newList);
179                                createList(examples[example], newList);
180                        } else {
181                                var link = document.createElement("a");
182                                link.href = examples[example];
183                                link.innerHTML = example;
184                                listItem.appendChild(link);
185                        }
186                        parentDOM.appendChild(listItem);
187                }
188            }
189           
190           
191            createList(examplePages, list);
192        </script>
193    </body>
194</html>
Note: See TracBrowser for help on using the repository browser.