--- a/test/mp4video.html Sat Oct 19 01:34:55 2024 +0200
+++ b/test/mp4video.html Tue Oct 22 07:03:54 2024 +0200
@@ -1,54 +1,60 @@
-<!doctype html>
+<!DOCTYPE html>
<html>
-
- <head>
- <meta http-equiv="Content-type" content="text/html; charset=utf-8" />
- <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
- <title>Metadataplayer test with HTML5 / OGG Video</title>
- <link href='open-sans/css/fonts.css' rel='stylesheet' type='text/css'>
- <link href='test.css' rel='stylesheet' type='text/css'>
- <script type="text/javascript" src="metadataplayer/LdtPlayer-core.js" type="text/javascript"></script>
- </head>
+ <head>
+ <meta http-equiv="Content-type" content="text/html; charset=utf-8" />
+ <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
+ <title>Metadataplayer test with HTML5 / OGG Video</title>
+ <link href="open-sans/css/fonts.css" rel="stylesheet" type="text/css" />
+ <link href="test.css" rel="stylesheet" type="text/css" />
+ <script
+ type="text/javascript"
+ src="metadataplayer/LdtPlayer-core.js"
+ type="text/javascript"
+ ></script>
+ </head>
- <body>
- <h1>Metadataplayer test with HTML5 / H.264 Video - Uses Popcorn with compatible browsers, JwPlayer with others</h1>
- <div id="LdtPlayer"></div>
- <div id="AnnotationsListContainer"></div>
- <script type="text/javascript">
-IriSP.libFiles.defaultDir = "libs/";
-IriSP.widgetsDir = "metadataplayer";
-var _metadata = {
- url: "json/ldt-ogv.json",
- format: 'ldt'
-};
-var _config = {
- width : 550,
- container : 'LdtPlayer',
- default_options: {
- metadata: _metadata
- },
- css : 'metadataplayer/LdtPlayer-core.css',
- widgets: [
- {
+ <body>
+ <h1>
+ Metadataplayer test with HTML5 / H.264 Video - Uses Popcorn with
+ compatible browsers, JwPlayer with others
+ </h1>
+ <div id="LdtPlayer"></div>
+ <div id="AnnotationsListContainer"></div>
+ <script type="text/javascript">
+ IriSP.widgetsDir = "metadataplayer";
+ var _metadata = {
+ url: "json/ldt-ogv.json",
+ format: "ldt",
+ };
+ var _config = {
+ width: 550,
+ container: "LdtPlayer",
+ default_options: {
+ metadata: _metadata,
+ },
+ css: "metadataplayer/LdtPlayer-core.css",
+ widgets: [
+ {
type: "AdaptivePlayer",
- video: "http://media.iri.centrepompidou.fr/video/mashup/texaverybannedcartoonsuncletomscabana1947.mp4"
- },
- { type: "Sparkline" },
- { type: "Slider" },
- { type: "Controller" },
- { type: "Polemic" },
- { type: "Segments" },
- { type: "Annotation" },
- { type: "Tweet" },
- { type: "Tagcloud" },
- {
+ video:
+ "http://media.iri.centrepompidou.fr/video/mashup/texaverybannedcartoonsuncletomscabana1947.mp4",
+ },
+ { type: "Sparkline" },
+ { type: "Slider" },
+ { type: "Controller" },
+ { type: "Polemic" },
+ { type: "Segments" },
+ { type: "Annotation" },
+ { type: "Tweet" },
+ { type: "Tagcloud" },
+ {
type: "AnnotationsList",
- container: "AnnotationsListContainer"
- },
- { type: "Mediafragment"}
- ]
-};
-_myPlayer = new IriSP.Metadataplayer(_config);
- </script>
- </body>
+ container: "AnnotationsListContainer",
+ },
+ { type: "Mediafragment" },
+ ],
+ };
+ _myPlayer = new IriSP.Metadataplayer(_config);
+ </script>
+ </body>
</html>