|
2
|
1 |
<!DOCTYPE html> |
|
|
2 |
<html lang="fr"> |
|
|
3 |
<head> |
|
|
4 |
<meta charset="utf-8" /> |
|
|
5 |
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> |
|
|
6 |
<title>Musitag - Futur en Seine 2012</title> |
|
|
7 |
<link rel="stylesheet" type="text/css" href="css/musitag.css" /> |
|
|
8 |
<script type="text/javascript" src="libs/underscore-min.js"></script> |
|
|
9 |
<script type="text/javascript" src="metadataplayer/LdtPlayer-core.js"></script> |
|
|
10 |
|
|
|
11 |
</head> |
|
|
12 |
<body> |
|
|
13 |
|
|
|
14 |
<script type="text/javascript"> |
|
|
15 |
|
|
|
16 |
IriSP._ = _; |
|
|
17 |
|
|
|
18 |
var _directory = new IriSP.Model.Directory(), |
|
|
19 |
_source = _directory.newLocalSource({ |
|
|
20 |
serializer: IriSP.serializers.ldt |
|
|
21 |
}), |
|
|
22 |
_mediaList = new IriSP.Model.List(_directory), |
|
|
23 |
_annotationList = new IriSP.Model.List(_directory), |
|
|
24 |
_tagList = new IriSP.Model.List(_directory), |
|
|
25 |
_annotationTypeList = new IriSP.Model.List(_directory), |
|
|
26 |
_colors = ['red','yellow','green','blue'], |
|
|
27 |
_emoticons = ['happy','unhappy','laughing','surprised'], |
|
15
|
28 |
_audioUrls = [ |
|
|
29 |
"rtmp://media.iri.centrepompidou.fr/ddc_micro_record/r_20120606191121613", |
|
|
30 |
"rtmp://media.iri.centrepompidou.fr/ddc_micro_record/r_20120606191109062", |
|
|
31 |
"rtmp://media.iri.centrepompidou.fr/ddc_micro_record/r_20120606191048270", |
|
|
32 |
"rtmp://media.iri.centrepompidou.fr/ddc_micro_record/r_20120606191026101", |
|
|
33 |
"rtmp://media.iri.centrepompidou.fr/ddc_micro_record/r_20120606190910299" |
|
|
34 |
], |
|
2
|
35 |
_alltags = _colors.concat(_emoticons), |
|
|
36 |
_duration = 147000; |
|
|
37 |
|
|
|
38 |
|
|
|
39 |
var _media = new IriSP.Model.Media('au-clair-de-la-lune',_source); |
|
|
40 |
_media.video = 'media/wari_0710.mp3'; |
|
|
41 |
_media.setDuration(_duration); |
|
|
42 |
_media.title = "Au Clair de La Lune"; |
|
|
43 |
_media.description = "Steve Waring"; |
|
|
44 |
_mediaList.push(_media); |
|
|
45 |
|
|
|
46 |
var _annotationType = new IriSP.Model.Media('musitag',_source); |
|
|
47 |
_annotationType.title = "Musitag"; |
|
|
48 |
_annotationType.description = "Une couleur + une émotion, déposés par Musitag"; |
|
|
49 |
_annotationTypeList.push(_annotationType); |
|
|
50 |
|
|
|
51 |
_alltags.forEach(function(_name) { |
|
|
52 |
var _tag = new IriSP.Model.Tag(_name, _source); |
|
|
53 |
_tag.title = _name; |
|
|
54 |
_tagList.push(_tag); |
|
|
55 |
}); |
|
|
56 |
|
|
|
57 |
for (var _i = 0; _i < 50; _i++) { |
|
|
58 |
var _time = Math.floor(_duration * Math.random()), |
|
|
59 |
_color = _colors[Math.floor(4*Math.random())], |
|
|
60 |
_emoticon = _emoticons[Math.floor(4*Math.random())], |
|
|
61 |
_annotation = new IriSP.Model.Annotation('annotation-'+_i,_source); |
|
|
62 |
_annotation.setTags([_color,_emoticon]); |
|
|
63 |
_annotation.setBegin(_time); |
|
|
64 |
_annotation.setEnd(_time); |
|
|
65 |
_annotation.setAnnotationType('musitag'); |
|
|
66 |
_annotation.setMedia('au-clair-de-la-lune'); |
|
|
67 |
_annotation.created = new Date(); |
|
|
68 |
_annotation.creator = "Math.random()"; |
|
|
69 |
_annotation.description = _color + " " + _emoticon; |
|
15
|
70 |
if (Math.random() < .33) { |
|
|
71 |
_annotation.audio = { |
|
|
72 |
src: "mic", |
|
|
73 |
mimetype: "audio/mp3", |
|
|
74 |
href: _audioUrls[Math.floor(5*Math.random())] |
|
|
75 |
} |
|
|
76 |
} |
|
2
|
77 |
_annotationList.push(_annotation); |
|
|
78 |
} |
|
|
79 |
|
|
|
80 |
_source.addList('media',_mediaList); |
|
|
81 |
_source.addList('tag',_tagList); |
|
|
82 |
_source.addList('annotationType',_annotationTypeList); |
|
|
83 |
_source.addList('annotation',_annotationList); |
|
|
84 |
|
|
|
85 |
console.log(_source); |
|
|
86 |
console.log(_source.serialize()); |
|
|
87 |
</script> |
|
|
88 |
</body> |
|
|
89 |
</html> |