<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>视频播放</title>
<link href="../../css/bootstrap.min.css" rel="stylesheet" />
<link href="bootstrap.min.css" rel="stylesheet" />
<script src="jquery.js"></script>
<script src="free.player.1.8.js"></script>
<script src="free.player.1.8.js"></script>
<style>
body {
max-width: 720px;
margin: 50px auto;
}
#test_video {
width: 720px;
}
.controls {
display: flex;
justify-content: space-around;
align-items: center;
}
input.input, .form-inline .input-group > .form-control {
width: 300px;
}
.logs {
overflow: auto;
width: 720px;
height: 150px;
padding: 5px;
border-top: solid 1px gray;
border-bottom: solid 1px gray;
}
button {
margin: 5px
}
</style>
</head>
<body>
<video id="test_video" controls autoplay></video>
<script>
var scrollStatPl = true;
var scrollStatWs = true;
var player_src = "";
//if(/iPhone|iPad|iPod|Android/i.test(navigator.userAgent)) {
// player_src =GetRequest().path;
//} else {
// player_src = GetRequest().path;
//}
player_src = "rtsp://184.72.239.149/vod/mp4://BigBuckBunny_175k.mov";
var console = (function (oldConsole) {
return {
log: function () {
oldConsole.log(newConsole(arguments, "black", "#A9F5A9"));
},
info: function () {
oldConsole.info(newConsole(arguments, "black", "#A9F5A9"));
},
warn: function () {
oldConsole.warn(newConsole(arguments, "black", "#F3F781"));
},
error: function () {
oldConsole.error(newConsole(arguments, "black", "#F5A9A9"));
}
};
}(window.console));
function newConsole(args, textColor, backColor) {
let text = '';
let node = document.createElement("div");
for (let arg in args) {
text += ' ' + args[arg];
}
node.appendChild(document.createTextNode(text));
node.style.color = textColor;
node.style.backgroundColor = backColor;
return text;
}
window.console = console;
function cleanLog(element) {
while (element.firstChild) {
element.removeChild(element.firstChild);
}
}
function autoscroll(element) {
if (scrollStatus(element)) {
element.scrollTop = element.scrollHeight;
}
if (element.childElementCount > 1000) {
element.removeChild(element.firstChild);
}
}
function scrollset(element, state) {
if (state) {
element.scrollTop = 0;
scrollChange(element, false);
} else {
element.scrollTop = element.scrollHeight;
scrollChange(element, true);
}
}
function scrollswitch(element) {
if (scrollStatus(element)) {
scrollChange(element, false);
} else {
scrollChange(element, true);
}
}
function scrollChange(element, status) {
if (scrollStatus(element)) {
scrollStatPl = false;
document.getElementById("scrollSetPl").innerText = "Scroll on";
} else {
scrollStatPl = true;
document.getElementById("scrollSetPl").innerText = "Scroll off";
}
}
function scrollStatus(element) {
if (element.id === "pllogs") {
return scrollStatPl;
} else {
return scrollStatWs;
}
}
var player = document.getElementById('test_video');
var rtspsource = document.createElement("source");
rtspsource.src = player_src;
player.appendChild(rtspsource);
Streamedian.player('test_video', { socket: "wss://streamedian.com/ws/" });
var set_live = document.getElementById('to_end');
var range_out = document.getElementById('rate_res');
</script>
</body>
</html>
Rtst PC端和手机端直播.zip （4个子文件） 
Rtst PC端和手机端直播 
jquery.js 90KB bootstrap.min.css 163KB
index.html 5KB free.player.1.8.js 298KB
肆意的青春，动荡的年华
- 粉丝: 2
最新资源
- 【IOS应用源码】WeatherMap-1.zip
- 【IOS应用源码】WeatherParser 3.zip
- 【IOS应用源码】WindowTitleMenu.zip
- 【IOS应用源码】WebiPadTest.zip
- 【IOS应用源码】WorldCities.zip
- 【IOS应用源码】WorldCities-1.zip
- 【IOS应用源码】xemus-cocos2d-GestureRecognizers.zip
- 【IOS应用源码】yanzheng-match_game.zip
- 【IOS应用源码】YoukuVideoDemo 2.zip
- 【IOS应用源码】yooyke-iScrash-4f9c9b2.zip
- 【IOS应用源码】yeag123-TextFightConcept.zip
- 【IOS应用源码】YoukuVideoDemo.zip
- 【IOS应用源码】YUChoe-q_boardgame-d24902f.zip
- 【IOS应用源码】Zanneth-Chain-Disaster-8832785.zip
- 【IOS应用源码】Zip解压For百度.zip
- 【IOS应用源码】ZipArchive.zip
资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！
点击此处反馈
- 1
- 2
前往页