|
|
@@ -4,17 +4,17 @@
|
|
|
<meta charset="utf-8">
|
|
|
<title>HLS测试</title>
|
|
|
<script src="https://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
|
|
|
- <script src="https://cdn.jsdelivr.net/npm/hls.js@latest"></script>
|
|
|
+ <script src="https://cdn.bootcss.com/flv.js/1.4.0/flv.min.js"></script>
|
|
|
</head>
|
|
|
<body>
|
|
|
-<div>
|
|
|
+ <div>
|
|
|
<video id="video"
|
|
|
- class="video-js vjs-default-skin vjs-big-play-centered" controls
|
|
|
- preload="auto" autoplay="autoplay" width="500" height="400"
|
|
|
- data-setup='{}'>
|
|
|
+ class="video-js vjs-default-skin vjs-big-play-centered" controls
|
|
|
+ preload="auto" autoplay="autoplay" width="500" height="400"
|
|
|
+ data-setup='{}'>
|
|
|
</video>
|
|
|
-</div>
|
|
|
-<div>
|
|
|
+ </div>
|
|
|
+ <div>
|
|
|
<h3>1.地址注册</h3>
|
|
|
<p>
|
|
|
<label>源地址:</label>
|
|
|
@@ -22,13 +22,13 @@
|
|
|
<input type="button" onclick="register()" value="注册"/>
|
|
|
</p>
|
|
|
<p><label>编码:</label><label id="keyText"></label></p>
|
|
|
-</div>
|
|
|
-<div>
|
|
|
+ </div>
|
|
|
+ <div>
|
|
|
<h3>2.播放HLS流</h3>
|
|
|
<input type="text" size="120" value="" id="hlsUrl"/>
|
|
|
<input type="button" onclick="playHls()" value="播放"/>
|
|
|
-</div>
|
|
|
-<script type="text/javascript">
|
|
|
+ </div>
|
|
|
+ <script type="text/javascript">
|
|
|
var baseUrl = window.location.href.split("/static/")[0];
|
|
|
|
|
|
function register() {
|
|
|
@@ -38,12 +38,12 @@
|
|
|
return;
|
|
|
}
|
|
|
var url = baseUrl + "/converter/register";
|
|
|
- $.post(url, {url: sourceUrl,format:"hls"}, function (json) {
|
|
|
+ $.post(url, {url: sourceUrl, format: "hls"}, function (json) {
|
|
|
if (json.status == 200) {
|
|
|
var key = json.data;
|
|
|
$("#keyText").text(key);
|
|
|
$("#key").val(key);
|
|
|
- $("#hlsUrl").val(baseUrl+"/live/"+key+"/play.m3u8");
|
|
|
+ $("#hlsUrl").val(baseUrl + "/live/" + key + "/play.m3u8");
|
|
|
} else {
|
|
|
alert("错误:" + json.message);
|
|
|
}
|
|
|
@@ -65,6 +65,6 @@
|
|
|
video.play();
|
|
|
});
|
|
|
}
|
|
|
-</script>
|
|
|
+ </script>
|
|
|
</body>
|
|
|
</html>
|