|
|
楼主 |
发表于 2018-6-16 08:58:56
|
显示全部楼层
播放页面
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta http-equiv="Cache-control" content="no-cache">
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
<meta name="format-detection" content="telephone=no">
<title>直播测试</title>
<script src="https://cdn.bootcss.com/flv.js/1.4.2/flv.min.js"></script>
<style>
html,body,video{
margin:0;
padding:0;
width:100%;
height:100%;
}
</style>
</head>
<body>
<video id="videoElement" name="videoElement" class="centeredVideo" controls autoplay>
Your browser is too old which doesn't support HTML5 video.
<source id="hls_src" src="" type="application/x-mpegURL"/>
</video>
<script>
var videoElement = document.getElementById('videoElement');
if (flvjs.isSupported()) {
var flvPlayer = flvjs.createPlayer({
type: 'flv',
url: 'http://d.x.com:10800/flv?app=live&stream=test'
});
flvPlayer.attachMediaElement(videoElement);
flvPlayer.load();
//flvPlayer.play();
}else{
document.getElementById("hls_src").src = "http://d.x.com:10800/live_hls/test.m3u8";
videoElement.load();
//videoElement.play();
}
</script>
</body>
</html>
|
|
发表于 2018-6-8 11:31:50
