| author | ymh <ymh.work@gmail.com> |
| Fri, 18 Oct 2024 10:24:57 +0200 | |
| changeset 1074 | 231ea5ea7de4 |
| parent 1072 | ac1eacb3aa33 |
| child 1076 | 510fd2a482f4 |
| permissions | -rw-r--r-- |
| 884 | 1 |
<!doctype html> |
2 |
<html> |
|
| 178 | 3 |
|
| 884 | 4 |
<head> |
| 909 | 5 |
<meta http-equiv="Content-type" content="text/html; charset=utf-8" /> |
| 884 | 6 |
<title>Metadataplayer test with JwPlayer</title> |
|
1069
2409cb4cebaf
getting various changes from github
ymh <ymh.work@gmail.com>
parents:
1013
diff
changeset
|
7 |
<!-- <link href='open-sans/css/fonts.css' rel='stylesheet' type='text/css'> |
|
988
eefd336335f9
Some improvements: Hashtags can be used, links are now clickable, ....
veltr
parents:
976
diff
changeset
|
8 |
--> <link href='test.css' rel='stylesheet' type='text/css'> |
|
1072
ac1eacb3aa33
Migrate source and build to vite.js
ymh <ymh.work@gmail.com>
parents:
1069
diff
changeset
|
9 |
<link href="/src/main.module.css" rel="stylesheet" type="text/css" /> |
| 884 | 10 |
</head> |
| 178 | 11 |
|
| 884 | 12 |
<body> |
13 |
<h1>Metadataplayer test with JwPlayer</h1> |
|
14 |
<div id="LdtPlayer"></div> |
|
15 |
<div id="AnnotationsListContainer"></div> |
|
|
988
eefd336335f9
Some improvements: Hashtags can be used, links are now clickable, ....
veltr
parents:
976
diff
changeset
|
16 |
<div id="SlideShareContainer"></div> |
|
1072
ac1eacb3aa33
Migrate source and build to vite.js
ymh <ymh.work@gmail.com>
parents:
1069
diff
changeset
|
17 |
<script type="module"> |
|
ac1eacb3aa33
Migrate source and build to vite.js
ymh <ymh.work@gmail.com>
parents:
1069
diff
changeset
|
18 |
import LdtPlayerCore from "/src/main.js"; |
| 916 | 19 |
IriSP.language = 'fr'; |
|
908
f56199193fad
CreateAnnotation widget now posts annotations, Tagcloud can be made segment-dependent
veltr
parents:
904
diff
changeset
|
20 |
var _metadata = { |
| 1009 | 21 |
// url: 'json/ldt-jwplayer.json', |
|
1072
ac1eacb3aa33
Migrate source and build to vite.js
ymh <ymh.work@gmail.com>
parents:
1069
diff
changeset
|
22 |
url: 'https://ldt.iri.centrepompidou.fr/ldtplatform/ldt/cljson/id/e2f36e5c-8b26-11e2-a28d-00145ea4a2be', |
|
988
eefd336335f9
Some improvements: Hashtags can be used, links are now clickable, ....
veltr
parents:
976
diff
changeset
|
23 |
// url: 'http://capsicum/pf/ldtplatform/ldt/cljson/id/f1a17368-2bc8-11e1-b21a-00145ea49a02', |
| 1002 | 24 |
// url: 'http://ldt.iri.centrepompidou.fr/ldtplatform/ldt/cljson/id/fc0a654e-49ea-11e2-b4ad-00145ea4a2be', |
|
908
f56199193fad
CreateAnnotation widget now posts annotations, Tagcloud can be made segment-dependent
veltr
parents:
904
diff
changeset
|
25 |
format: 'ldt' |
|
f56199193fad
CreateAnnotation widget now posts annotations, Tagcloud can be made segment-dependent
veltr
parents:
904
diff
changeset
|
26 |
}; |
| 958 | 27 |
var _config = { |
28 |
width : 550, |
|
29 |
container : 'LdtPlayer', |
|
30 |
default_options: { |
|
31 |
metadata: _metadata |
|
32 |
}, |
|
33 |
widgets: [ |
|
34 |
{ |
|
|
1072
ac1eacb3aa33
Migrate source and build to vite.js
ymh <ymh.work@gmail.com>
parents:
1069
diff
changeset
|
35 |
type: "HtmlPlayer", |
| 1009 | 36 |
autostart: true, |
37 |
url_transform: function(url) { |
|
38 |
return url.replace('/ddc_player/video/','/ddc_player/mp4:video/'); |
|
39 |
} |
|
|
908
f56199193fad
CreateAnnotation widget now posts annotations, Tagcloud can be made segment-dependent
veltr
parents:
904
diff
changeset
|
40 |
}, |
| 958 | 41 |
{ type: "Slider" }, |
42 |
{ type: "Controller" }, |
|
|
988
eefd336335f9
Some improvements: Hashtags can be used, links are now clickable, ....
veltr
parents:
976
diff
changeset
|
43 |
{ |
|
eefd336335f9
Some improvements: Hashtags can be used, links are now clickable, ....
veltr
parents:
976
diff
changeset
|
44 |
type: "Polemic", |
| 1013 | 45 |
max_elements: 20, |
46 |
annotation_type: false |
|
|
988
eefd336335f9
Some improvements: Hashtags can be used, links are now clickable, ....
veltr
parents:
976
diff
changeset
|
47 |
}, |
|
eefd336335f9
Some improvements: Hashtags can be used, links are now clickable, ....
veltr
parents:
976
diff
changeset
|
48 |
{ type: "Sparkline" }, |
|
eefd336335f9
Some improvements: Hashtags can be used, links are now clickable, ....
veltr
parents:
976
diff
changeset
|
49 |
{ type: "MultiSegments" }, |
| 958 | 50 |
{ |
51 |
type: "CreateAnnotation", |
|
52 |
api_endpoint_template: "post-test.php", |
|
53 |
creator_name: "Metadataplayer", |
|
|
1072
ac1eacb3aa33
Migrate source and build to vite.js
ymh <ymh.work@gmail.com>
parents:
1069
diff
changeset
|
54 |
creator_avatar: "https://pbs.twimg.com/profile_images/2284174872/7df3h38zabcvjylnyfe3_normal.png", |
|
988
eefd336335f9
Some improvements: Hashtags can be used, links are now clickable, ....
veltr
parents:
976
diff
changeset
|
55 |
tag_titles: ["amateur", "digital-humanities"], |
|
eefd336335f9
Some improvements: Hashtags can be used, links are now clickable, ....
veltr
parents:
976
diff
changeset
|
56 |
//show_title_field: false, |
|
eefd336335f9
Some improvements: Hashtags can be used, links are now clickable, ....
veltr
parents:
976
diff
changeset
|
57 |
//show_creator_field: false, |
|
eefd336335f9
Some improvements: Hashtags can be used, links are now clickable, ....
veltr
parents:
976
diff
changeset
|
58 |
show_slice: false |
| 958 | 59 |
}, |
| 1013 | 60 |
{ |
61 |
type: "Tweet" |
|
62 |
}, |
|
| 958 | 63 |
{ |
64 |
type: "Tagcloud" |
|
65 |
}, |
|
66 |
{ |
|
67 |
type: "AnnotationsList", |
|
68 |
container: "AnnotationsListContainer", |
|
|
1072
ac1eacb3aa33
Migrate source and build to vite.js
ymh <ymh.work@gmail.com>
parents:
1069
diff
changeset
|
69 |
default_thumbnail : "https://ldt.iri.centrepompidou.fr/static/site/ldt/css/imgs/video_sequence.png", |
|
988
eefd336335f9
Some improvements: Hashtags can be used, links are now clickable, ....
veltr
parents:
976
diff
changeset
|
70 |
//ajax_url: "/pf/ldtplatform/api/ldt/1.0/segments/bytimecode/{{media}}/{{begin}}/{{end}}", |
| 965 | 71 |
//ajax_granularity : 300000 |
| 958 | 72 |
}, |
|
1072
ac1eacb3aa33
Migrate source and build to vite.js
ymh <ymh.work@gmail.com>
parents:
1069
diff
changeset
|
73 |
// { |
|
ac1eacb3aa33
Migrate source and build to vite.js
ymh <ymh.work@gmail.com>
parents:
1069
diff
changeset
|
74 |
// type: "Slideshare", |
|
ac1eacb3aa33
Migrate source and build to vite.js
ymh <ymh.work@gmail.com>
parents:
1069
diff
changeset
|
75 |
// container: "SlideShareContainer" |
|
ac1eacb3aa33
Migrate source and build to vite.js
ymh <ymh.work@gmail.com>
parents:
1069
diff
changeset
|
76 |
// }, |
|
988
eefd336335f9
Some improvements: Hashtags can be used, links are now clickable, ....
veltr
parents:
976
diff
changeset
|
77 |
{ type: "Mediafragment"}, |
|
eefd336335f9
Some improvements: Hashtags can be used, links are now clickable, ....
veltr
parents:
976
diff
changeset
|
78 |
// { type: "Trace", |
|
eefd336335f9
Some improvements: Hashtags can be used, links are now clickable, ....
veltr
parents:
976
diff
changeset
|
79 |
// js_console: true } |
| 958 | 80 |
] |
|
908
f56199193fad
CreateAnnotation widget now posts annotations, Tagcloud can be made segment-dependent
veltr
parents:
904
diff
changeset
|
81 |
}; |
|
f56199193fad
CreateAnnotation widget now posts annotations, Tagcloud can be made segment-dependent
veltr
parents:
904
diff
changeset
|
82 |
|
| 945 | 83 |
var _myPlayer = new IriSP.Metadataplayer(_config); |
|
908
f56199193fad
CreateAnnotation widget now posts annotations, Tagcloud can be made segment-dependent
veltr
parents:
904
diff
changeset
|
84 |
|
| 884 | 85 |
</script> |
86 |
</body> |
|
87 |
</html> |