-
Notifications
You must be signed in to change notification settings - Fork 1
/
simple.html
122 lines (114 loc) · 7.53 KB
/
simple.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<link rel="shortcut icon" type="image/x-icon" href="img/favicon.ico">
<title>CONNECTME Player</title>
<script src="lib/underscoreJS/underscore.min.js"></script>
<script src="lib/jquery/jquery-1.7.1.js"></script>
<script type="text/javascript" src="lib/backboneJS/backbone.js"></script>
<!-- Plugin dependencies -->
<meta name="viewport" content="initial-scale=1.0, user-scalable=no">
<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?sensor=false&libraries=weather"></script>
<!--<script src="https://maps.gstatic.com/cat_js/intl/en_us/mapfiles/api-3/9/13b/%7Bmain,weather%7D.js" type="text/javascript"></script>
<script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?key=AIzaSyCo9Wug3Lw6-PrVu9Y44lHLaWUvnFZ5_fQ&sensor=false"></script>
<script src="https://maps.gstatic.com/intl/en_us/mapfiles/api-3/9/13b/main.js" type="text/javascript"></script> -->
<link rel="stylesheet" href='css/hoverbox.css' type="text/css" media="screen, projection" />
<link href="css/video-js.css" rel="stylesheet">
<!--[if lte IE 7]>
<link rel="stylesheet" href='css/ie_fixes.css' type="text/css" media="screen, projection" />
<![endif]-->
<script src="lib/videojs/video.js"></script>
<!-- CDN-hosted versions disabled for now for extra speed -->
<!--<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>-->
<!--<link rel=stylesheet href="http://vjs.zencdn.net/3.2/video-js.css" type="text/css">
<script src="http://vjs.zencdn.net/3.2/video.js"></script>-->
<script type="text/javascript" src="src/utils.js"></script>
<!-- The extended player -->
<script src="lib/lime.js"></script>
<!-- plugins -->
<link href="css/screen.css" rel="stylesheet">
<script type="text/javascript" src="lib/jquery/jquery-ui-1.8.21.min.js"></script>
<script type="text/javascript" src="http://www.websnapr.com/js/websnapr.js"></script>
<script type="text/javascript" language="javascript">
/*
VIDEO1: https://s3-eu-west-1.amazonaws.com/yoo.120/connectme/6306_519_20120508125738_standard.mp4
VIDEO2: https://s3-eu-west-1.amazonaws.com/yoovis-videos/6256_519_connectme_volksbuehne_heldenmp4_standardmpeg_20120427015958_standard.mp4
*/
$(document).ready(function () {
var videoUrl = UTILS.getParameterByName('videoUrl');
var cmfurl = UTILS.getParameterByName('cmfUrl').replace(/\/$/, '') + '/' || "http://connectme.salzburgresearch.at/CMF/";
var lang = UTILS.getParameterByName('lang') || 'en';
var cmf = new CMF(cmfurl);
cmf.getLocatorsForVideoOrLocator(videoUrl, function(err, locators){
console.info("locators", locators);
if(err || locators.length == 0) {
console.error("Error getting video locators", err, locators);
alert("Error getting video locators for " + videoUrl);
return
}
cmf.getAnnotationsForVideoOrLocator(videoUrl, function(err, annotations){
annotations = _(annotations).map(function(ann){
return new Annotation(ann);
});
console.info("Annotations", annotations);
window.LimePlayer = new LIMEPlayer({
video : locators,
annotations: annotations,
containerDiv:"mainwrapper",
videoPlayerSize:{"width":640, "height":360},
vPlayer:"VideoJS",
// annotFrameworkURL:"http://connectme.salzburgresearch.at/CMF/",
annotFrameworkURL: cmfurl,
// plugins:[TestPlugin, LDPlugin, AnnotationOverlays],
fullscreenLayout:{"AnnotationNorth":50, "AnnotationWest":300, "AnnotationSouth":50, "AnnotationEast":300},
widgetContainers:[
{element:jQuery('#widget-container-1'), orientation:'horizontal'},
{element:jQuery('#widget-container-2'), orientation:'horizontal'}
],
annotationsVisible:true,
preferredLanguage: lang
});
console.log(LimePlayer);
});
})
});
</script>
</head>
<body>
<div id="header" class="header" align="left">
<a href="./"><img src="img/connectme_logo_web.png" width="204" height="40" border="0"/></a>
</div>
<div text-align="center" id="container">
<div id="widget-container-1" class="widget-container vertical"></div>
<div class="mainwrapper" id="mainwrapper" align="center"></div>
<div id="widget-container-2" class="widget-container vertical"></div>
</div>
<div id="footer" align="center">
<div class="container" align="center">
<a target='_blank' href='http://www.sti2.org/'><img alt='STI Research' src='img/sti-research.png' border='0'/></a><a target="_blank" href="http://salzburgresearch.at"><img
alt="Salzburg Research Forschungsgesellschaft" src="img/salzburgresearch.png" border="0"/></a>
</div>
</div>
</div>
<div id="modalWindow">
<!-- <div id="textDialogCanvas" style="width: inherit; height: inherit; -moz-border-radius: 5px; border-radius: 5px; background-color: black; color: white; font: 22px 'Trebuchet MS', sans-serif;"> -->
<a href="#" class="close" role="button"><img src="img/close-icon.png" style="width: 22px; height: 22px;"/></a>
<div id="textDialogContent" style=" width: 98%; height: 95%; margin:0px auto; background-color: black; overflow:hidden;">
<p>
Every day, hundreds of thousands of visitors from around the world collectively make tens of thousands of edits and create thousands of new articles to augment the knowledge held by the Wikipedia encyclopedia (see also Wikipedia:Statistics.)
</p>
<p>
People of all ages, cultures and backgrounds can add or edit article prose, references, images and other media here. What is contributed is more important than the expertise or qualifications of the contributor. What will remain depends upon whether it fits within Wikipedia's policies, including being verifiable against a published reliable source, so excluding editors' opinions and beliefs and unreviewed research, and is free of copyright restrictions and contentious material about living people. Contributions cannot damage Wikipedia because the software allows easy reversal of mistakes and many experienced editors are watching to help and ensure that edits are cumulative improvements. Begin by simply clicking the edit link at the top of any editable page!
</p>
<p>
Wikipedia is a live collaboration differing from paper-based reference sources in important ways. Unlike printed encyclopedias, Wikipedia is continually created and updated, with articles on historic events appearing within minutes, rather than months or years. Older articles tend to grow more comprehensive and balanced; newer articles may contain misinformation, unencyclopedic content, or vandalism. Awareness of this aids obtaining valid information and avoiding recently added misinformation (see Researching with Wikipedia).
</p>
</div>
<!-- </div> -->
</div>
<!-- Mask to cover the whole screen -->
<div id="mask"></div>
</body>
</html>