diff --git a/shipinliu/shipinliu.html b/shipinliu/shipinliu.html
new file mode 100644
index 0000000000000000000000000000000000000000..d64ec390ea87e6f2651b8e1c685680b424d1d777
--- /dev/null
+++ b/shipinliu/shipinliu.html
@@ -0,0 +1,68 @@
+<!DOCTYPE html>
+<html>
+	<head>
+		<meta charset="utf-8">
+		<title>视频流</title>
+		<link href="https://web.sdk.qcloud.com/player/tcplayer/release/v4.7.2/tcplayer.min.css" rel="stylesheet" />
+		<!--如果需要在 Chrome 和 Firefox 等现代浏览器中通过 H5 播放 Webrtc 视频，需要在 tcplayer.vx.x.x.min.js 之前引入 TXLivePlayer-x.x.x.min.js。-->
+		<!--有些浏览器环境不支持 Webrtc，播放器会将 Webrtc 流地址自动转换为 HLS 格式地址，因此快直播场景同样需要引入hls.min.x.xx.xm.js。-->
+		<script src="https://web.sdk.qcloud.com/player/tcplayer/release/v4.7.2/libs/TXLivePlayer-1.2.3.min.js"></script>
+		<!--如果需要在 Chrome 和 Firefox 等现代浏览器中通过 H5 播放 HLS 协议的视频，需要在 tcplayer.vx.x.x.min.js 之前引入 hls.min.x.xx.xm.js。-->
+		<script src="https://web.sdk.qcloud.com/player/tcplayer/release/v4.7.2/libs/hls.min.1.1.6.js"></script>
+		<!--如果需要在 Chrome 和 Firefox 等现代浏览器中通过 H5 播放 FLV 格式的视频，需要在 tcplayer.vx.x.x.min.js 之前引入 flv.min.x.x.x.js。-->
+		<script src="https://web.sdk.qcloud.com/player/tcplayer/release/v4.7.2/libs/flv.min.1.6.3.js"></script>
+		<!--如果需要在 Chrome 和 Firefox 等现代浏览器中通过 H5 播放 DASH 视频，需要在 tcplayer.vx.x.x.min.js 之前引入 dash.min.x.x.x.js。-->
+		<script src="https://web.sdk.qcloud.com/player/tcplayer/release/v4.7.2/libs/dash.all.min.4.5.2.js"></script>
+		<!--播放器脚本文件-->
+		<script src="https://web.sdk.qcloud.com/player/tcplayer/release/v4.7.2/tcplayer.v4.7.2.min.js"></script>
+
+		<script type="text/javascript" src="https://unpkg.com/@dcloudio/uni-webview-js@0.0.3/index.js"></script>
+		<script src="https://static.91haoka.cn/vue.min.js"></script>
+		<script src="https://static.91haoka.cn/axios.min.js"></script>
+	</head>
+	<style>
+		* {
+			margin: 0;
+			padding: 0;
+		}
+
+		html,
+		body,
+		#app{
+			width: 100%;
+			height: 100%;
+		}
+	</style>
+	<body>
+		<div id="app">
+			<video id="player-container-id"  style="width: 100%; height: 100%;" preload="auto" playsinline
+			x5-video-player-type="h5" x5-video-player-fullscreen="true"
+			webkit-playsinline>
+
+		</video>
+		</div>
+		
+		<script>
+			new Vue({
+				el:'#app',
+				data:function(){
+					return{
+						live_pull:''
+					}
+				},
+				mounted() {
+					this.live_pull = this.getUrlParam('webrtc')
+					var player = TCPlayer('player-container-id', {})
+					player.src(this.live_pull)
+				},
+				methods:{
+					getUrlParam (name) {
+					    var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");  
+					    var r = window.location.search.substr(1).match(reg);  
+					    if (r != null) return unescape(r[2]); return null;   
+					},
+				}
+			})
+		</script>
+	</body>
+</html>
diff --git a/shipinliu/shipinliuul.html b/shipinliu/shipinliuul.html
new file mode 100644
index 0000000000000000000000000000000000000000..b1fabbdd6defb36f182120d00044ac6aa69bc264
--- /dev/null
+++ b/shipinliu/shipinliuul.html
@@ -0,0 +1,86 @@
+<!DOCTYPE html>
+<html>
+	<head>
+		<meta charset="utf-8">
+		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
+		<meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
+		<meta http-equiv="Pragma" content="no-cache" />
+		<meta http-equiv="Expires" content="0" />
+		<title></title>
+		<script src="https://cdn.91haoka.cn/vue.min.js"></script>
+		<script src="https://cdn.91haoka.cn/axios.min.js"></script>
+	</head>
+	<style>
+		* {
+			margin: 0;
+			padding: 0;
+		}
+
+		html,
+		body {
+			width: 100%;
+			height: 100%;
+		}
+
+		.shipinliu-box {
+			/* padding: 10%; */
+			margin: 0 auto;
+			width: 40%;
+			height: 100%;
+		}
+
+		.shipinliu-box>div {
+			padding: 10px 20px;
+			width: 100%;
+			margin-bottom: 10px;
+			background: #0078EF;
+			color: #FFF;
+			border-radius: 15px;
+			box-sizing: border-box;
+		}
+	</style>
+	<body>
+		<div id="app">
+			<div class="shipinliu-box">
+				<div v-for="(item,index) in list" @click="goShipinLiuFn(item.WebRTC)">{{item.name}}</div>
+				
+			</div>
+
+
+		</div>
+	</body>
+	<script>
+		new Vue({
+			el: '#app',
+			data: function() {
+				return {
+					url:'https://rockysports.cn',
+					list: [],
+					webrtc:''
+				}
+			},
+			mounted() {
+				this.getShebeiFn()
+			},
+			methods: {
+				getShebeiFn(){
+					var that = this
+					axios.get(that.url + '/api/shebei/shexiangji')
+						.then(function(response) {
+							if (response.data.msg.code == 0) {
+								that.list = response.data.data
+							} else {
+								that.$toast.fail(response.data.msg.info);
+							}
+					})
+				},
+				goShipinLiuFn(webrtc){
+					window.location.href = 'shipinliu?webrtc='+webrtc
+				}
+			},
+		})
+
+
+		
+	</script>
+</html>
\ No newline at end of file
