1 <!doctype html> |
|
2 <html> |
|
3 |
|
4 <head> |
|
5 <meta http-equiv="Content-type" content="text/html; charset=utf-8" /> |
|
6 <title>Loading a Widget without the Metadataplayer widgeting framework</title> |
|
7 <link href='libs/jquery-ui.css' rel='stylesheet' type='text/css'> |
|
8 <!-- <link href='http://fonts.googleapis.com/css?family=Open+Sans:400,700,400italic,700italic' rel='stylesheet' type='text/css'> |
|
9 --> <link href='test.css' rel='stylesheet' type='text/css'> |
|
10 <link href='metadataplayer/Controller.css' rel='stylesheet' type='text/css'> |
|
11 <script type="text/javascript" src="libs/jquery.min.js" type="text/javascript"></script> |
|
12 <script type="text/javascript" src="libs/jquery-ui.min.js" type="text/javascript"></script> |
|
13 <script type="text/javascript" src="libs/underscore-min.js" type="text/javascript"></script> |
|
14 <script type="text/javascript" src="libs/mustache.js" type="text/javascript"></script> |
|
15 <script type="text/javascript" src="metadataplayer/LdtPlayer-core.js" type="text/javascript"></script> |
|
16 <script type="text/javascript" src="metadataplayer/Controller.js" type="text/javascript"></script> |
|
17 <style type="text/css"> |
|
18 #LdtPlayer { |
|
19 width: 640px; |
|
20 } |
|
21 </style> |
|
22 </head> |
|
23 |
|
24 <body> |
|
25 <h1>Loading a Widget without the Metadataplayer widgeting framework</h1> |
|
26 <div id="LdtPlayer"> |
|
27 <div id="Ldt-Video"></div> |
|
28 <div id="Ldt-Controller"></div> |
|
29 </div> |
|
30 <script> |
|
31 var myDir = new IriSP.Model.Directory(), |
|
32 myProject = myDir.remoteSource({ |
|
33 url: "json/ldt-ogv.json", |
|
34 serializer: IriSP.serializers.ldt |
|
35 }); |
|
36 myProject.onLoad(function() { |
|
37 IriSP.htmlPlayer( |
|
38 myProject.getCurrentMedia(), |
|
39 $("#Ldt-Video"), |
|
40 { |
|
41 width: 640, |
|
42 controls: true, |
|
43 autostart: true |
|
44 } |
|
45 ); |
|
46 var controller = new IriSP.Widgets.Controller(null, { |
|
47 container: "Ldt-Controller", |
|
48 source: myProject |
|
49 }); |
|
50 }); |
|
51 </script> |
|
52 </body> |
|
53 </html> |
|