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

梦里梦外; 2023-07-11 06:27 5阅读 0赞

1、需要启用Flash支持。

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

<!DOCTYPE html>
    <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>
    
    		
    		<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>