--- /dev/null Thu Jan 01 00:00:00 1970 +0000
+++ b/test/external-widget.htm Thu May 16 13:34:02 2013 +0200
@@ -0,0 +1,53 @@
+<!doctype html>
+<html>
+
+ <head>
+ <meta http-equiv="Content-type" content="text/html; charset=utf-8" />
+ <title>Loading a Widget without the Metadataplayer widgeting framework</title>
+ <link href='libs/jquery-ui.css' rel='stylesheet' type='text/css'>
+<!-- <link href='http://fonts.googleapis.com/css?family=Open+Sans:400,700,400italic,700italic' rel='stylesheet' type='text/css'>
+--> <link href='test.css' rel='stylesheet' type='text/css'>
+ <link href='metadataplayer/Controller.css' rel='stylesheet' type='text/css'>
+ <script type="text/javascript" src="libs/jquery.min.js" type="text/javascript"></script>
+ <script type="text/javascript" src="libs/jquery-ui.min.js" type="text/javascript"></script>
+ <script type="text/javascript" src="libs/underscore-min.js" type="text/javascript"></script>
+ <script type="text/javascript" src="libs/mustache.js" type="text/javascript"></script>
+ <script type="text/javascript" src="metadataplayer/LdtPlayer-core.js" type="text/javascript"></script>
+ <script type="text/javascript" src="metadataplayer/Controller.js" type="text/javascript"></script>
+ <style type="text/css">
+ #LdtPlayer {
+ width: 640px;
+ }
+ </style>
+ </head>
+
+ <body>
+ <h1>Loading a Widget without the Metadataplayer widgeting framework</h1>
+ <div id="LdtPlayer">
+ <div id="Ldt-Video"></div>
+ <div id="Ldt-Controller"></div>
+ </div>
+ <script>
+ var myDir = new IriSP.Model.Directory(),
+ myProject = myDir.remoteSource({
+ url: "json/ldt-ogv.json",
+ serializer: IriSP.serializers.ldt
+ });
+ myProject.onLoad(function() {
+ IriSP.htmlPlayer(
+ myProject.getCurrentMedia(),
+ $("#Ldt-Video"),
+ {
+ width: 640,
+ controls: true,
+ autostart: true
+ }
+ );
+ var controller = new IriSP.Widgets.Controller(null, {
+ container: "Ldt-Controller",
+ source: myProject
+ });
+ });
+ </script>
+ </body>
+</html>