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

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>

 

已标记关键词 清除标记
相关推荐
©️2020 CSDN 皮肤主题: 技术黑板 设计师:CSDN官方博客 返回首页