rtmp视频在线播放简单DEMO (UIKit )

最新推荐文章于 2024-07-12 11:09:26 发布

chw629

最新推荐文章于 2024-07-12 11:09:26 发布

阅读量582

点赞数

本文链接：https://blog.csdn.net/chw629/article/details/105960476

版权

1、需要启用Flash支持。

2、需要放在web容器中打开（可放在tomcat，nginx，或火狐浏览器打开），直接本地打开不能播放哦。

<!DOCTYPE html>
<html>
	<!--
        UIKit Javascript 使用说明：
        https://open.ys7.com/doc/zh/uikit/uikit_javascript.html
    -->
	<head>
		<meta charset="utf-8" />
		<title>视频监控</title>
		<style>
			#myPlayer {
				/* max-width: 500px; */
				width: 100%;
				border-radius: 20px 20px 20px 20px;
			}
		</style>
		<script src="https://open.ys7.com/sdk/js/1.3/ezuikit.js"></script>
	</head>

	<body>
		<video id="myPlayer" poster="" controls playsInline webkit-playsinline autoplay>
			<source src='rtmp://58.200.131.2:1935/livetv/hunantv' type='rtmp/flv' />         
		</video>

		<!-- 未启用flash支持时显示提示 -->
		<embed class="openFlash" style="position:absolute;top:130px;left:225px;z-Index:9999;" type="application/x-shockwave-flash">     </body>
	<script>
		//视频监控\
		var player = new EZUIPlayer('myPlayer');
		function log(str) {
			var div = document.createElement('DIV');
			div.innerHTML = (new Date()).Format('yyyy-MM-dd hh:mm:ss.S') + JSON.stringify(str);
			document.body.appendChild(div);
		}


		//检测是否启用flash支持
		function flashChecker() {
			var hasFlash = 0; //是否安装了flash
			var flashVersion = 0; //flash版本
			var isIE = /*@cc_on!@*/ 0; //是否IE浏览器
			if(isIE) {
				var swf = new ActiveXObject('ShockwaveFlash.ShockwaveFlash');
				if(swf) {
					hasFlash = 1;
					VSwf = swf.GetVariable("$version");
					flashVersion = parseInt(VSwf.split(" ")[1].split(",")[0]);
				}
			} else {
				if(navigator.plugins && navigator.plugins.length > 0) {
					var swf = navigator.plugins["Shockwave Flash"];
					if(swf) {
						hasFlash = 1;
						var words = swf.description.split(" ");
						for(var i = 0; i < words.length; ++i) {
							if(isNaN(parseInt(words[i]))) continue;
							flashVersion = parseInt(words[i]);
						}
					}
				}
			}
			return {
				f: hasFlash,
				v: flashVersion
			};
		}

		var fls = flashChecker();
		var s = "";
		if(fls.f) {
			document.getElementsByClassName("openFlash")[0].style.display = "none";
			document.getElementsByClassName("openFlashTips")[0].style.display = "none";
			//        document.write("您安装了flash,当前flash版本为: " + fls.v + ".x");
		} else {
			document.getElementsByClassName("openFlash")[0].style.display = "block";
			document.getElementsByClassName("openFlashTips")[0].style.display = "block";
			//        document.write("您没有安装flash");
		}
	</script>
</html>

chw629

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
rtmp视频在线播放简单DEMO (UIKit )

1、需要启用Flash支持。2、需要放在web容器中打开（可放在tomcat，nginx，或火狐浏览器打开），直接本地打开不能播放哦。<!DOCTYPE html><html> <!-- UIKit Javascript 使用说明：...
复制链接

扫一扫