| | |
| | | <link rel="stylesheet" href="../css/controles.css"> |
| | | <link rel="stylesheet" href="../css/live/liveStyle.css"> |
| | | |
| | | |
| | | </head> |
| | | |
| | | <body> |
| | |
| | | <!-- jessiebuca播放器 --> |
| | | <div id="jessibucaContainer"></div> |
| | | |
| | | <script src="../js/jquery.min.js"></script> |
| | | <script src="../js/ajax.js"></script> |
| | | <script src="../js/renderer.js"></script> |
| | | <script src="../js/jquery.min.js"></script> |
| | | <script src="../js/live/livepler.js"></script> |
| | | |
| | | |
| | | <script> |
| | | window.onkeydown = function () { |
| | | h5lc.fullscreen = false |
| | | } |
| | | |
| | | let _content = $("<div class=\"content\">\n" + |
| | | " <div class=\"player\" onmouseover=\"$('.player .control').css('display', 'block')\" onmouseout=\"$('.player .control').css('display', 'none')\">\n" + |
| | | " <div class=\"player-wrapper\" id=\"container\" style=\"background-color: #0D0E1B;\">\n" + |
| | | " </div>\n" + |
| | | " <div class=\"control\">\n" + |
| | | " <div class=\"fa fa-play\" id=\"play\"></div>\n" + |
| | | " <div class=\"fa fa-stop\" id=\"stop\" style=\"display: none\"></div>\n" + |
| | | " <div class=\"timer\">\n" + |
| | | " <span class=\"progress_timer\">00:00:00</span>\n" + |
| | | " <span class=\"duration_timer\">00:00:00</span>\n" + |
| | | " </div>\n" + |
| | | " <div class=\"fa fa-expand expand\" onclick=\"h5lc.fullscreen=true\"></div>\n" + |
| | | " </div>\n" + |
| | | " </div>\n" + |
| | | " </div>"); |
| | | $("#jessibucaContainer").append(_content); |
| | | |
| | | |
| | | var $play = document.getElementById('play'); |
| | | var $stop = document.getElementById('stop'); |
| | | var container = document.getElementById("container"); |
| | | |
| | | //入参 flv播放流 |
| | | let url = getQueryVariable("url"); |
| | | |
| | | var isPlaying = false; |
| | | |
| | | var h5lc = new Jessibuca({container, decoder: "../js/jessibuca/ff.js", videoBuffer: 0}); |
| | | |
| | | h5lc.onLoad = function () { |
| | | //this.play("ws://pull3.afb1188.com/live/" + stream + ".flv") |
| | | } |
| | | h5lc.onPlay = function () { |
| | | isPlaying = true; |
| | | $play.style.display = 'none'; |
| | | $stop.style.display = 'inline'; |
| | | } |
| | | $play.addEventListener('click', function () { |
| | | isPlaying = true; |
| | | h5lc.play("ws://172.16.30.113:8082/live/ff80808178af424e0178af44e677000343616d657261.flv") |
| | | $play.style.display = 'none'; |
| | | $stop.style.display = 'inline'; |
| | | }, false); |
| | | |
| | | $stop.addEventListener('click', function () { |
| | | if (!isPlaying) { |
| | | return; |
| | | } |
| | | isPlaying = false; |
| | | //stop(); |
| | | $play.style.display = 'inline'; |
| | | $stop.style.display = 'none'; |
| | | }, false); |
| | | |
| | | function stop() { |
| | | $.get("http://127.0.0.1:8088/monica/video/stop?param=live/test", function () { |
| | | h5lc.close() |
| | | } |
| | | ); |
| | | } |
| | | |
| | | function getQueryVariable(variable) { |
| | | var query = window.location.search.substring(1); |
| | | var vars = query.split("&"); |
| | | for (var i = 0; i < vars.length; i++) { |
| | | var pair = vars[i].split("="); |
| | | if (pair[0] == variable) { |
| | | return pair[1]; |
| | | } |
| | | } |
| | | return (false); |
| | | } |
| | | let livepler =new Livepler({ |
| | | elem:"jessibucaContainer", |
| | | ffurl:"../js/jessibuca/ff.js", |
| | | code:"ff80808178af424e0178af44e677000343616d657261", |
| | | }); |
| | | |
| | | </script> |
| | | |