1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
|
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>Linterna Mágica test page</title>
<meta name="Content-Type" content="text/html; charset=UTF-8" />
<meta name="author" content="Ivaylo Valkov - [email protected]" />
<meta name="designer" content="Anton Katsarov - [email protected]" />
<link rel="stylesheet" href="css/plugins-test-page.css" type="text/css" media="screen" />
<link rel="stylesheet" href="css/slimbox.css" type="text/css" media="screen" />
<link rel="icon" type="image/png" href="css/favicon.png" />
<link rel="icon" type="image/vnd.microsoft.icon" href="css/favicon.ico" />
<script type="text/javascript" src="js/mootools.js"></script>
<script type="text/javascript" src="js/mootools-more.js"></script>
<script type="text/javascript" src="js/viewer.js"></script>
<script type="text/javascript" src="js/slimbox.js"></script>
<script type="text/javascript" src="js/plugins-page.js"></script>
</head>
<body>
<div class="wrap">
<div id="content" class="content">
<div class="header">
<h1>Linterna Mágica test page</h1>
<a id="web-install-download" href="index.html#download">Download <span>Linterna Mágica</span></a>
<p class="slogan">Watch <span class="video">video</span> on the web <span class="way">in a brand new way<span class="noshow">:</span></span> <span class="second-slogan-line1">"You don't need a glint, </span><span class="second-slogan-line2">the magic lantern is ignited!"</span></p>
</div>
<div>
<!-- This is intentionaly empty. The style sheet will make a
nice footer for the images in the header-->
<h1></h1>
</div>
<div>
<p>
<a href="index.html">Go back to Linterna Mágica main page.</a>
</p>
<p>This is the test page of Linterna Mágica. Here you can test if
Linterna Mágica works after installation or if you have some
doubts. The script at this page tests only for "video/flv,
"video/mp4" and "application/x-shockwave-flash"
mime types.This means that only video plugins that can handle
MPEG4 and FLV video clips and plugins for flash like Gnash and
Swfdec will be detected.
</p>
</div>
<div id="video_plugin_test" >
<h1>Browser video plugin test</h1>
<div class="video-wrapper">
<h2>video/flv</h2>
<div>
<object id="video_object_1" width="300" height="260" type="video/flv" data="http://linterna-magica.nongnu.org/video/meditate.flv">
<param name="toolbar" value="true" />
<param name="showcontrols" value="true" />
<param name="controller" value="true" />
<param name="autostart" value="false" />
<p>If you can see this text, it means that your browser
does not have support for objects with mime-type
"video/flv", or it is disabled.
</p>
</object>
</div>
</div>
<div class="video-wrapper">
<h2>video/mp4</h2>
<div>
<object id="video_object_2" width="300" height="260" type="video/mp4" data="http://linterna-magica.nongnu.org/video/meditate.mp4">
<param name="toolbar" value="true" />
<param name="showcontrols" value="true" />
<param name="controller" value="true" />
<param name="autostart" value="false" />
<p>If you can see this text, it means that your browser
does not have support for objects with mime-type
"video/mp4", or it is disabled.</p>
</object>
</div>
</div>
</div>
<div id ="linterna_magica_demo">
<h1>Linterna Mágica demo</h1>
<div class="video-wrapper">
<h2>Static object</h2>
<div>
<object type="application/x-shockwave-flash" data="http://linterna-magica.nongnu.org/video/player_flv_mini.swf" width="300" height="260">
<param name="movie" value="http://linterna-magica.nongnu.org/video/player_flv_mini.swf" />
<!-- Use full path otherwise sometimes the player requests video/video -->
<param name="FlashVars" value="flv=http://linterna-magica.nongnu.org/video/meditate.flv&amp;autoplay=0" />
<p>If you can see this text, it means that you don't have Gnash
or Swfdec plugin installed.</p>
</object>
</div>
</div>
<div class="video-wrapper">
<h2>Dynamic object with SWFObject library</h2>
<div id="dynamic-video-with-swfobject">
<script type="text/javascript">
// var swf = new SWFObject("video/player_flv_mini.swf", "dynamic-player-with-swfobject","300", "260", "5", "#000000");
// swf.addVariable("flv", "http://linterna-magica.nongnu.org/video/meditate.flv");
// swf.write("dynamic-video-with-swfobject");
</script>
<noscript>
<p>If you can see this text, it means that your browser does
not have support for JavaScript or it is disabled.</p>
</noscript>
<p>The script tag above this text contains commented code
(it will not be executed by the browser) for initialisation
of the SWFObject javascript library used to embed flash in
web pages. The library is free software distributed under
MIT license, but it is not really needed for this test, so
it is not included in this page. Linterna Mágica will detect
the flash object parsing the script. This will work if Gnash
or Swfdec are not installed or if they are disabled.
</p>
</div>
</div>
<div class="video-wrapper">
<h2>Dynamic object with UFO library</h2>
<div id="dynamic-video-with-ufo" >
<script type="text/javascript">
// var FO = { movie: "video/player_flv_mini.swf", width: "300", height: "260", majorversion: "6", build:"40", flashvars:"flv=http://linterna-magica.nongnu.org/video/meditate.flv"};
// UFO.create( FO, "dynamic-video-with-ufo");
</script>
<noscript>
<p>If you can see this text, it means that your browser
does not have support for JavaScript or it is
disabled.</p>
</noscript>
<p>The script tag above this text contains commented code
(it will not be executed by the browser) for initialisation
of the UFO javascript library used to embed flash in web
pages. The library is free software distributed under CC-GNU
LGPL license, but it is not really needed for this test, so
it is not included in this page. Linterna Mágica will detect
the flash object parsing the script. This will work if Gnash
or Swfdec are not installed or if they are disabled.
</p>
</div>
</div>
</div>
<div id="detected_plugins" >
<h1>Detected plugins</h1>
<p id="noplugins">No plugins found. Either they are all
disabled or JavaScript is not enabled.</p>
<noscript><p>If you can see this text, it means that your
browser does not have support for JavaScript or it is
disabled. Plugin detection will not work.</p></noscript>
</div>
<script type="text/javascript" src="js/findplugins.js"></script>
<h1>Licenses</h1>
<p>The flash video player used at this page
is <a href="http://flv-player.net/">FLV-Player</a>. It is
<a href="http://flv-player.net/players/mini/license/">distributed</a>
under the terms of Creative Commons BY SA and MPL 1.1 license.
</p>
<p>The script <a href="js/findplugins.js">findplugins.js</a> used to
detect plugins is distributed under the terms of the <a
href="http://www.gnu.org/copyleft/gpl.html">GNU General Public
License</a> as published by the Free Software Foundation; either
version 3 of the License, or (at your option) any later version.
</p>
<p>The video clips <a href="video/meditate.flv" >meditate.flv</a>
and <a href="video/meditate.mp4">meditate.mp4</a> used at this page
are produced from
the <a href="http://www.gnu.org/graphics/meditate.html">Levitating,
Meditating, Flute-playing Gnu by the Nevrax Design Team</a>
image.</p>
<p>Being a derivative work, the clips have the same license as the
original image. Permission is granted to copy, distribute and/or
modify these clips under the terms either:</p>
<ul>
<li>the <a href="http://www.gnu.org/copyleft/gpl.html">GNU General
Public License</a> as published by the Free Software Foundation;
either version 3 of the License, or (at your option) any later
version, or</li>
<li>the <a href="http://www.gnu.org/copyleft/fdl.html">GNU Free
Documentation License</a>, Version 1.1 or any later version published
by the Free Software Foundation; with the no Invariant Sections, with
no Front-Cover Texts and with no Back-Cover Texts</li>
</ul>
<div class="noshow" id="gallery">
<p >
This section is used to make the slide show in the header of
this page for JavaScript capable browsers. If you can see this
text it is likely that you disabled CSS or you are using custom
style sheets or your browser does not support it.
</p>
<a href="images/youtube.png"><img title="Screenshot of youtube.com: Eben Moglen - Freedom in The Cloud" alt="Screenshot of youtube.com: Eben Moglen - Freedom in The Cloud" src="img/youtube.png" /></a>
</div>
<div class="noshow">
<div id="gallery-static">
<a rel="lightbox-linterna-magica" href="images/youtube.png"><img title="Screenshot of youtube.com: Eben Moglen - Freedom in The Cloud" alt="Screenshot of youtube.com: Eben Moglen - Freedom in The cloud" src="img/youtube.png" /></a>
<a rel="lightbox-linterna-magica" href="images/googlevideo.png"><img title="Screenshot of video.google.com: Richard Stallman - The Free Software Movement and the GNU/Linux Operation System" alt="Screenshot of video.google.com: Richard Stallman - The Free Software Movement and the GNU/Linux Operation System" src="img/googlevideo.png" /></a>
<a rel="lightbox-linterna-magica" href="images/vimeo.png"><img title="Screenshot of vimeo.com: Stephen Fry on free Software" alt="Screenshot of vimeo.com: Stephen Fry on free software" src="img/vimeo.png" /></a>
<a rel="lightbox-linterna-magica" href="images/bliptv.png"><img title="Screenshot of blip.tv: Uwe Hermann - Coreboot hacking. How to solder PLCC socket on your board" alt="Screenshot of blip.tv: Coreboot hacking - How to solder PLCC socket on your board" src="img/bliptv.png" /></a>
<a rel="lightbox-linterna-magica" href="images/dailymotion.png"><img title="Screenshot of dailymotion.com: Big Buck Bunny" alt="Screenshot of dailymotion: Big Buck Bunny" src="img/dailymotion.png" /></a>
<a rel="lightbox-linterna-magica" href="images/vbox7.png"><img title="Screenshot of vbox7.com: Elephants Dream" alt="Screenshot of vbox7.com: Elephants dream" src="img/vbox7.png" /></a>
</div>
</div>
</div>
<div class="footer">
<p class="identica">
<a href="http://identi.ca/valkov">Follow us on Identi.ca</a>
</p>
<address>Author: <a href="http://www.e-valkov.org/">Ivaylo Valkov</a>
<a href="mailto:Ivaylo Valkov <[email protected]>?subject=About Linterna Mágica"><[email protected]></a>
</address>
<address>
Design: <a href="http://www.katsarov.org">Anton Katsarov</a>
<a href="mailto:Anton Katsarov <[email protected]>?subject=About Linterna Mágica"><[email protected]></a>
</address>
<p id="xhtml">
<a href="http://validator.w3.org/check?uri=referer" title="Valid xHTML 1.0 Strict"> <span>XHTML</span> </a>
</p>
</div>
</div>
</body>
</html>
|
