|
@ -1,6 +1,7 @@ |
|
|
<!DOCTYPE html> |
|
|
<!DOCTYPE html> |
|
|
<html> |
|
|
<html> |
|
|
<head> |
|
|
|
|
|
|
|
|
<head> |
|
|
<meta charset="utf-8"> |
|
|
<meta charset="utf-8"> |
|
|
<title>Webrtc IPC H265/H264 Player</title> |
|
|
<title>Webrtc IPC H265/H264 Player</title> |
|
|
<meta name="apple-mobile-web-app-capable" content="yes" /> |
|
|
<meta name="apple-mobile-web-app-capable" content="yes" /> |
|
@ -8,7 +9,8 @@ |
|
|
<meta name="apple-touch-fullscreen" content="yes" /> |
|
|
<meta name="apple-touch-fullscreen" content="yes" /> |
|
|
<meta name="format-detection" content="telephone=no, email=no" /> |
|
|
<meta name="format-detection" content="telephone=no, email=no" /> |
|
|
<link rel="stylesheet" href="styles/style.css"> |
|
|
<link rel="stylesheet" href="styles/style.css"> |
|
|
</head> |
|
|
</head> |
|
|
|
|
|
|
|
|
<body> |
|
|
<body> |
|
|
|
|
|
|
|
|
<!-- <div class="row"> |
|
|
<!-- <div class="row"> |
|
@ -25,7 +27,8 @@ |
|
|
<div class="container" id="videoPlayer"> |
|
|
<div class="container" id="videoPlayer"> |
|
|
<div class="sideBar"> |
|
|
<div class="sideBar"> |
|
|
<span class="no-padding"> |
|
|
<span class="no-padding"> |
|
|
<img src="img/home.png" class="left" id="btnHome" title="Visit My Homepage" onclick="window.open('https://blog.csdn.net/superxxd')" /> |
|
|
<img src="img/home.png" class="left" id="btnHome" title="Visit My Homepage" |
|
|
|
|
|
onclick="window.open('https://blog.csdn.net/superxxd')" /> |
|
|
</span> |
|
|
</span> |
|
|
<div id="input"> |
|
|
<div id="input"> |
|
|
<select id="protocol" onchange="onSelectProto()"> |
|
|
<select id="protocol" onchange="onSelectProto()"> |
|
@ -36,8 +39,9 @@ |
|
|
<option value="httpFlv">HTTP-FLV</option> |
|
|
<option value="httpFlv">HTTP-FLV</option> |
|
|
</select> |
|
|
</select> |
|
|
<!-- <input type="text" id="inputUrl" value="webrtc://192.168.0.18:1988/live/livestream" style="width:240px"/> --> |
|
|
<!-- <input type="text" id="inputUrl" value="webrtc://192.168.0.18:1988/live/livestream" style="width:240px"/> --> |
|
|
<input type="text" id="inputUrl" value="http://127.0.0.1:8081/api/webrtc/playpro?streamPath=live/livestream" style="width:240px"/> |
|
|
<input type="text" id="inputUrl" |
|
|
<!-- <select id="decodeType" onchange="onSelectDecode()"> |
|
|
value="http://127.0.0.1:8080/webrtc/playv3/live/test101" style="width:240px" /> |
|
|
|
|
|
<!-- <select id="decodeType" onchange="onSelectDecode()"> |
|
|
<option value="H264">H264</option> |
|
|
<option value="H264">H264</option> |
|
|
<option value="H265">H265</option> |
|
|
<option value="H265">H265</option> |
|
|
</select> --> |
|
|
</select> --> |
|
@ -47,8 +51,8 @@ |
|
|
<option value="540">F_540</option> |
|
|
<option value="540">F_540</option> |
|
|
<option value="360">F_360</option> |
|
|
<option value="360">F_360</option> |
|
|
</select> |
|
|
</select> |
|
|
设备名称: <input type="text" name="devicename" id="deviceId" value="4E:7B:BF:71:D6:B4" style="width:80px"/> |
|
|
设备名称: <input type="text" name="devicename" id="deviceId" value="4E:7B:BF:71:D6:B4" style="width:80px" /> |
|
|
拉流名称: <input type="text" name="streamname" id="streamId" value="metartc" style="width:80px"/> |
|
|
拉流名称: <input type="text" name="streamname" id="streamId" value="metartc" style="width:80px" /> |
|
|
|
|
|
|
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
@ -85,7 +89,8 @@ |
|
|
</span> |
|
|
</span> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
<div id="footer">Copyright © 2022 xiangxudong.All rights reserved.webrtc datachannel H265 Player Demo 2022</div> |
|
|
<div id="footer">Copyright © 2022 xiangxudong.All rights reserved.webrtc datachannel H265 Player Demo 2022 |
|
|
|
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
<!-- <div style="margin: 20px;"> |
|
|
<!-- <div style="margin: 20px;"> |
|
|
<button id="play" onclick="handleVideo()">Start Play</button> |
|
|
<button id="play" onclick="handleVideo()">Start Play</button> |
|
@ -101,4 +106,5 @@ |
|
|
<script src="webgl.js"></script> --> |
|
|
<script src="webgl.js"></script> --> |
|
|
<script src="start.js"></script> |
|
|
<script src="start.js"></script> |
|
|
</body> |
|
|
</body> |
|
|
|
|
|
|
|
|
</html> |
|
|
</html> |