CAMP/padmaJS
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

ups

Browse Source
This commit is contained in:
Sanj 2011-08-10 17:35:01 +05:30
parent c07b62095e
commit 35988f9894
1 changed files with 1 additions and 53 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

54
index.html
View File

@ -6,7 +6,7 @@
<link rel="stylesheet" type="text/css" href="style.css" /> <link rel="stylesheet" type="text/css" href="style.css" />
<script type="text/javascript" src="jquery.js"></script> <script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="padma.layers.js"></script> <script type="text/javascript" src="padma.layers.js"></script>
<script type="text/javascript" src="mypadma.js"></script>
<script type="text/javascript"> <script type="text/javascript">
var videoId = "Vdy5qr4j"; var videoId = "Vdy5qr4j";
@ -16,58 +16,6 @@ $(document).ready(function() {
}); });
function setupVideo(v) {
var vidInterval = 0;
var vidSrc = v.video.urls['320'];
$('#videoPlayer').attr("src", vidSrc).attr("poster", v.getPoster()).get(0).load();
$('#videoTitle').text(v.video.title);
$('#videoPlayer').bind("play", function() {
var $this = $(this);
clearInterval(vidInterval);
vidInterval = setInterval(function() {
var tc = $this.get(0).currentTime;
var tcMs = parseInt(tc * 1000);
var currentLayers = v.getLayersAtTimecode(tcMs);
var annotHtml = getAnnotHtml(currentLayers);
if (annotHtml == $('#videoAnnotations').html()) {
$.noop();
} else {
$('#videoAnnotations').html(annotHtml);
}
// console.log(tc);
}, 400);
});
$('#videoPlayer').bind("pause", function() {
clearInterval(vidInterval);
});
}
function getAnnotHtml(padmaLayers) {
var html = '';
var types = ['location', 'keyword', 'description', 'transcript'];
for (var i=0; i<types.length; i++) {
var t = types[i];
html += "<div class='" + t + "'>";
var theseLayers = filterLayersByTracks(padmaLayers, [t]);
for (var j=0; j<theseLayers.length; j++) {
html += "<div class='annotItem'>";
html += theseLayers[j].value_html;
html += "</div>";
}
html += "</div>";
}
return html;
}
$('.tcLink').live("click", function(e) {
e.preventDefault();
var href = $(this).attr("href");
var tc = parseInt(href.substring(1, href.length));
$('#videoPlayer').get(0).currentTime = tc;
$('#videoPlayer').get(0).play();
});
</script> </script>
</head> </head>