Embed: VideoJS player added

This commit is contained in:
Cat 2016-12-06 12:40:55 +01:00 committed by Thulinma
parent 133a8f36da
commit 1c0fd833bb
12 changed files with 39989 additions and 89 deletions

View file

@ -15,8 +15,9 @@
<script>
// global options can be set here
var mistoptions = {
host: 'http://cat.mistserver.org:8080'
//host: 'http://cat.mistserver.org:8080'
//host: 'https://cat.mistserver.org:4433'
host: 'http://localhost:8080'
};
</script>
@ -25,11 +26,13 @@
<!--<script src=wrappers/jwplayer.js></script>-->
<script src=wrappers/html5.js></script>
<script src=wrappers/dashjs.js></script>
<script src=wrappers/videojs.js></script>
<script src=wrappers/flash_strobe.js></script>
<script src=wrappers/silverlight.js></script>
<script src=wrappers/polytrope.js></script>
<script src=players/dash.js></script>
<script src=players/videojs.js></script>
<link rel=stylesheet href=mist.css id=mist_player_css>
<style>
@ -53,41 +56,55 @@
function mistinit(){
var logele = document.querySelector('.log');
var contele = document.querySelector('.cont');
document.addEventListener('error',function(e){
console.log('[Error] '+e.message,e.target);
var msg = document.createTextNode('['+(new Date()).toTimeString().split(' ')[0]+'] '+e.message+' from '+e.target.outerHTML.slice(0,e.target.outerHTML.indexOf('>')+1));
var div = document.createElement('div');
div.appendChild(msg);
div.style.color = 'red';
logele.appendChild(div);
},true);
document.addEventListener('log',function(e){
console.log('[log] '+e.message)
var msg = document.createTextNode('['+(new Date()).toTimeString().split(' ')[0]+'] '+e.message);
var div = document.createElement('div');
div.appendChild(msg);
document.body.appendChild(div);
logele.appendChild(div);
},true);
//tryplayers = Object.keys(mistplayers);
tryplayers = [];
//tryplayers.push('html5');
tryplayers.push('dashjs');
//tryplayers.push('dashjs');
tryplayers.push('videojs');
//tryplayers.push('flash_strobe');
//tryplayers.push('silverlight');
streams = [];
//streams.push('live');
//streams.push('subtel');
streams.push('ogg');
//streams.push('vids+mist.mp4');
//streams.push('lama');
streams.push('bunny');
//streams.push('bunny');
for (var j in streams) {
for (var i in tryplayers) {
var c = document.createElement('div');
c.className = 'mistvideo';
c.title = tryplayers[i];
document.body.appendChild(c);
contele.appendChild(c);
mistPlay(streams[j],{
target: c,
maxwidth: 800,
forcePlayer: tryplayers[i],
//forceType: 'flash/7',
//forceType: 'html5/video/mp4',
//forceType: 'html5/application/vnd.apple.mpegurl',
//forceType: 'dash/video/mp4',
//forceSource: 5,
loop: true
loop: true,
//controls: 'stock'
});
}
}
@ -154,6 +171,7 @@
})();
</script>
</div>-->
<div class=cont></div>
<div class=log></div>
</body>
</html>