| | |
| | | <title>Jessibuca【回放】</title> |
| | | <meta charset="utf-8"/> |
| | | <link rel="stylesheet" href="../css/progressTime.css"> |
| | | <link rel="stylesheet" href="../css/history/historyStyle.css"> |
| | | |
| | | |
| | | <style> |
| | | .player-wrapper { |
| | | width: 900px; |
| | | height: 500px; |
| | | /*overflow-y: auto;*/ |
| | | margin: 0 auto; |
| | | text-align: center; |
| | | } |
| | | |
| | | /* .player-wrapper canvas { |
| | | width: 100%; |
| | | height: 100%; |
| | | }*/ |
| | | |
| | | </style> |
| | | </head> |
| | | |
| | | <body> |
| | | |
| | | <!-- 播放器 --> |
| | | <div class="player-wrapper" id="container" style="background-color: #0D0E1B;"></div> |
| | | <!-- 时间轴 --> |
| | | <div id="progressTime"></div> |
| | | <div id="jessibucaContainerHistory"> |
| | | <!-- 播放器 --> |
| | | <div class="player-wrapper" id="container"></div> |
| | | <!-- 时间轴 --> |
| | | <div id="progressTime"></div> |
| | | </div> |
| | | |
| | | |
| | | <script src="../js/renderer.js"></script> |
| | |
| | | <script src="../js/jquery.progressTime.js"></script> |
| | | |
| | | |
| | | <script> |
| | | <script> |
| | | var video_id; |
| | | var stream_path; |
| | | |
| | | var hourTimestamp = 3600 * 1000; |
| | | var dayTimestamp = hourTimestamp * 24; |
| | | var currentTimer; |
| | |
| | | }); |
| | | |
| | | |
| | | |
| | | function queryParam(name, url) { |
| | | var search = window.location.search; |
| | | var qArr = ''; |
| | | var key = {}; |
| | | |
| | | if (url) { |
| | | qArr = url.split("?")[1].split("&") |
| | | |
| | |
| | | } |
| | | qArr = search.substr(1).split("&") |
| | | } |
| | | |
| | | for (var i = 0; i < qArr.length; i++) { |
| | | |
| | | var firstPos = qArr[i].indexOf('='); |
| | | key[qArr[i].slice(0, firstPos)] = qArr[i].slice(firstPos + 1) |
| | | } |
| | | |
| | | if (name) { |
| | | return key[name] |
| | | } else { |
| | |
| | | } |
| | | } |
| | | |
| | | //播放 |
| | | function play_video(video_id) { |
| | | window.video_id = video_id; |
| | | window.stream_path = ""; |
| | | $.ajax({ |
| | | type: "get", |
| | | url: "../../webapi/media/historical?param=" + video_url+"&startTime="+currentTimer, |
| | | timeout: 5000, |
| | | async: false, |
| | | success: function (result) { |
| | | h5lc.onLoad = function () { |
| | | this.play(result.jessica); |
| | | } |
| | | window.streamPath = result.streamPath; |
| | | } |
| | | }); |
| | | } |
| | | |
| | | //关闭 |
| | | function close_video(streamPath) { |
| | | h5lc.destroy(); |
| | | if (streamPath) { |
| | | $.ajax({ |
| | | type: "get", |
| | | url: "../../webapi/media/stop?param=" + streamPath, |
| | | async: false, |
| | | success: function (result) { |
| | | } |
| | | }); |
| | | } |
| | | } |
| | | |
| | | </script> |
| | | |
| | | </body> |