88 lines
3.7 KiB
HTML
Executable File
88 lines
3.7 KiB
HTML
Executable File
<!DOCTYPE html>
|
|
<!--
|
|
BigBlueButton open source conferencing system - http://www.bigbluebutton.org/
|
|
|
|
Copyright (c) 2012 BigBlueButton Inc. and by respective authors (see below).
|
|
|
|
This program is free software; you can redistribute it and/or modify it under the
|
|
terms of the GNU Lesser General Public License as published by the Free Software
|
|
Foundation; either version 3.0 of the License, or (at your option) any later
|
|
version.
|
|
*
|
|
BigBlueButton is distributed in the hope that it will be useful, but WITHOUT ANY
|
|
WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A
|
|
PARTICULAR PURPOSE. See the GNU Lesser General Public License for more details.
|
|
|
|
You should have received a copy of the GNU Lesser General Public License along
|
|
with BigBlueButton; if not, see <http://www.gnu.org/licenses/>.
|
|
-->
|
|
<html>
|
|
<head>
|
|
|
|
<title>BigBlueButton Slides Playback</title>
|
|
<meta http-equiv="X-UA-Compatible" content="chrome=1">
|
|
<link rel="stylesheet" href="css/bbb.playback.css">
|
|
<script type="text/javascript">
|
|
|
|
document.addEventListener( "DOMContentLoaded", function() {
|
|
function getUrlParameters() {
|
|
var map = {};
|
|
var parts = window.location.href.replace(/[?&]+([^=&]+)=([^&]*)/gi, function(m,key,value) {
|
|
map[key] = value;
|
|
});
|
|
return map;
|
|
}
|
|
|
|
var audio;
|
|
var slides;
|
|
var params = getUrlParameters();
|
|
var MEETINGID = params['meetingId'];
|
|
var HOST = window.location.hostname;
|
|
var RECORDINGS = "http://" + HOST + "/slides/" + MEETINGID;
|
|
var SLIDES_XML = "http://" + HOST + "/slides/" + MEETINGID + '/slides.xml';
|
|
var appName = navigator.appName;
|
|
var appVersion = navigator.appVersion;
|
|
audio = document.getElementById("audioRecording");
|
|
if(appName == "Microsoft Internet Explorer" ){
|
|
if( navigator.userAgent.match("chromeframe")){
|
|
audio.setAttribute('src', RECORDINGS + '/audio/audio.ogg');
|
|
audio.setAttribute('type','audio/ogg');
|
|
}else{
|
|
var message = "To support this playback please install 'Google Chrome Frame', or use other browser: Firefox, Safari, Chrome, Opera";
|
|
var line = document.createElement("p");
|
|
var link = document.createElement("a");
|
|
line.appendChild(document.createTextNode(message));
|
|
link.setAttribute("href", "http://www.google.com/chromeframe")
|
|
link.setAttribute("target", "_blank")
|
|
link.appendChild(document.createTextNode("Install Google Chrome Frame"));
|
|
document.getElementById("chat").appendChild(line);
|
|
document.getElementById("chat").appendChild(link);
|
|
}
|
|
}else if (appVersion.match("Safari") != null && appVersion.match("Chrome") == null){
|
|
audio.setAttribute('src', RECORDINGS + '/audio/recording.wav');
|
|
audio.setAttribute('type','audio/x-wav');
|
|
}else {
|
|
audio.setAttribute('src', RECORDINGS + '/audio/audio.ogg');
|
|
audio.setAttribute('type','audio/ogg');
|
|
}
|
|
audio.setAttribute('data-timeline-sources', SLIDES_XML)
|
|
}, false);
|
|
</script>
|
|
<script src="lib/popcorn-custom.min.js"></script>
|
|
<script src="lib/popcorn.chattimeline.js"></script>
|
|
<script src="lib/popcorn.altimage.js"></script>
|
|
</head>
|
|
<body>
|
|
<div id="playbackArea">
|
|
<div style="width:800px; height:650px;" id="slide" aria-live="polite" role="region" aria-label="Presentation slides"></div>
|
|
<audio id="audioRecording" controls > You must use an HTML5 capable browser to view this page.
|
|
This playback requires modern browser, please use FF, Safari, Chrome</audio>
|
|
<div class="chatcontainer">
|
|
<div id="chat" aria-live="polite" role="region" aria-label="Chat messages"></div>
|
|
</div>
|
|
</div>
|
|
<p id="footer">Recorded with <a href="http://bigbluebutton.org/">BigBlueButton</a>.</p>
|
|
</body>
|
|
</html>
|
|
|