Embed: VideoJS player added
This commit is contained in:
parent
133a8f36da
commit
1c0fd833bb
12 changed files with 39989 additions and 89 deletions
|
@ -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>
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue