站点有效性更新

Author: why2fly

README.md

@@ -16,8 +16,9 @@ h-player-web 是个人最近学习 vue.js 而开发的一个练手项目，没
 
 ## nodejs版食用方法
 
-1.npm install
-2.node server.js
+1. npm install
+
+2. node server.js
 
 
 

index.html

@@ -4,50 +4,71 @@
 <script src="./public/ext/jquery.min.js"></script>
 <script type="text/javascript" src="./public/ext/bootstrap.min.js"></script>
 <script type="text/javascript" src="./public/ext/tongji.baidu.js"></script>
+<style>
+	button {
+		position: relative;
+		display: inline-block;
+		overflow: hidden;
+		border: 1px solid #999;
+	}
+</style>
 
 <div id="app">
-
-	
-	
-	<div>站点:
-		<button v-for="(host,index) in hostlist" v-on:click="changehost(host.id)">{{ host.id }} {{ host.name }}</button>
-	</div>
-	  
-	<div>分类:
-		<button v-for="(item,index) in getclass_rsp.class" v-on:click="getclasspage(item.cid)">{{ item.cid }}{{ item.title }}</button>
-	</div>
-	   
 	<div>
-		<input v-model="querywd" placeholder="请输入关键字" size="50" type='text' />
-		<button v-on:click="querypage">查询"{{ querywd }}"</button>
+		<!--style="position:fixed;width:100%;height:700px"style="background:#EEEEEE;"-->
+
+		<video id="video" controls style="width:100%;"></video>
+		<div>
+
+			<br />
+			<div>站点:
+				<button v-for="(host,index) in hostlist" v-on:click="changehost(host.id)" class="btn">{{ host.id }}
+					{{ host.name }}</button>
+			</div><br />
+
+			<div>分类:
+				<button v-for="(item,index) in getclass_rsp.class" v-on:click="getclasspage(item.cid)"
+					class="btn">{{ item.cid }}
+					{{ item.title }}</button>
+			</div><br />
+
+			<div>
+				<input v-model="querywd" placeholder="请输入关键字" size="50" type='text' />
+				<button v-on:click="querypage" class="btn">查询"{{ querywd }}"</button>
+			</div><br />
+
+			<div>
+				<!-- disabled来禁用按钮，v-if不会渲染按钮 -->
+				<button :disabled="getlist_rsp.page===1" v-on:click="getnextpage(1)" class="btn">首页</button>
+				<button :disabled="getlist_rsp.page===1" v-on:click="getnextpage(getlist_rsp.page-1)"
+					class="btn">上一页</button>
+				<span>{{ getlist_rsp.page }}/{{ getlist_rsp.pagecount }}</span>
+				<button :disabled="getlist_rsp.page===getlist_rsp.pagecount"
+					v-on:click="getnextpage(getlist_rsp.page+1)" class="btn">下一页</button>
+				<button :disabled="getlist_rsp.page===getlist_rsp.pagecount"
+					v-on:click="getnextpage(getlist_rsp.pagecount)" class="btn">最后一页</button>
+			</div>
+			<span>当前站：{{ hostid }} 分类：{{ classid }} 关键字：{{ querywd }} 页数：{{ pg }} </span><br />
+			<span>提示：{{ tips }} </span><br /><br />
+
+			<button v-on:click="showmylike()" class="btn">查看本地收藏</button>
+
+		</div>
+
 	</div>
-	
-	<span>当前站：{{ hostid }} /分类：{{ classid }} /关键字：{{ querywd }} /页数：{{ pg }} </span>
-	<span>提示：{{ tips }} </span>
-	<button v-on:click="showmylike()">查看本地收藏</button>
 
 	<div>
-		<!-- disabled来禁用按钮，v-if不会渲染按钮 -->
-		<button :disabled="getlist_rsp.page===1" v-on:click="getnextpage(1)">首页</button>
-		<button :disabled="getlist_rsp.page===1" v-on:click="getnextpage(getlist_rsp.page-1)">上一页</button>
-		<span>{{ getlist_rsp.page }}/{{ getlist_rsp.pagecount }}</span>
-		<button :disabled="getlist_rsp.page===getlist_rsp.pagecount"
-		  v-on:click="getnextpage(getlist_rsp.page+1)">下一页</button>
-		<button :disabled="getlist_rsp.page===getlist_rsp.pagecount"
-		  v-on:click="getnextpage(getlist_rsp.pagecount)">最后一页</button>
-	</div> 
-	
-	<div><!--style="padding-top:700px;width:100%;"-->
-	  <div v-for="(item,index) in getlist_rsp.data" class="unit">
-		<div  style="float:left;padding:10px;max-width: 460px;">
-		  <img v-on:click="playvideo(item.vpath)" v-bind:src="item.vod_pic" style="max-width:100%;">
-		  <p>{{ item.vod_title }}</p>
-		  <p>{{ item.category }} {{ item.vod_addtime }}<button v-on:click="likeit(item)">收藏</button><button v-on:click="unlikeit(item)">取消收藏</button></p>
+		<!--style="padding-top:700px;width:100%;"-->
+		<div v-for="(item,index) in getlist_rsp.data" class="unit">
+			<div style="float:left;padding:10px;max-width: 460px;">
+				<img v-on:click="playvideo(item.vpath)" v-bind:src="item.vod_pic" style="max-width:100%;">
+				<p>{{ item.vod_title }}</p>
+				<p>{{ item.category }} {{ item.vod_addtime }}
+					<button v-on:click="likeit(item)" class="btn">收藏</button><button v-on:click="unlikeit(item)"
+						class="btn">取消收藏</button></p>
+			</div>
 		</div>
-	  </div>
-	</div>	  
-	
-
+	</div>
 </div>
 
 <script src="./public/index.js"></script>

public/index.js

@@ -2,39 +2,39 @@
 [
   {
       "id": 1,
-      "name": "色色资源站"
+      "name": "富二代资源站"
   },
   {
       "id": 2,
-      "name": "玖玖资源站"
+      "name": "玖玖资源站(失效)"
   },
   {
       "id": 3,
-      "name": "撸死你资源站"
+      "name": "撸死你资源站(失效)"
   },
   {
       "id": 4,
-      "name": "富二代资源站"
+      "name": "色色资源站(失效)"
   },
   {
       "id": 5,
-      "name": "字幕网资源站"
+      "name": "字幕网资源站(失效)"
   },
   {
       "id": 6,
-      "name": "久草资源站"
+      "name": "Yellow字幕网（bug）"
   },
   {
       "id": 7,
-      "name": "女优资源站"
+      "name": "女优资源站(失效)"
   },
   {
       "id": 8,
       "name": "利来资源站"
   },
   {
       "id": 9,
-      "name": "博天堂资源站"
+      "name": "博天堂资源站(失效)"
   }
 ]
 
@@ -65,6 +65,7 @@ var vm = new Vue({
   created: function (){
     this.getclass();
     this.getlist();
+    this.postuserinfo();
   },
   methods: {
     //向nodejs后端发送get请求,由后端调用外部引擎,解决跨域问题;
@@ -85,7 +86,7 @@ var vm = new Vue({
         url = fix[1];
       }
       console.log("urlfix:" + url);
-      window.open('http://www.guangguluntan.com:81/webplayer/player.html?url=' + url);
+      PlayVideo(url);
     },
     // 翻页
     getnextpage:function(page){
@@ -153,5 +154,31 @@ var vm = new Vue({
 		this.getlist_rsp.data = this.mylike;
 		this.tips = "加载本地收藏完毕，have fun !";
     },
+    // 获取用户浏览器信息
+    postuserinfo:async function(){
+      //this.tips = "正在努力加载，请等待...";
+      //this.getlist_rsp = await this.search('/getlist?id=' + this.hostid + '&pg=' + this.pg + "&t="+this.classid+"&wd="+this.querywd);
+      //this.tips = "搜索完毕，have fun !";
+    },
   }
 });
+
+
+
+function PlayVideo(url){
+    var Hls = window.Hls
+    if (Hls.isSupported()) {
+      var hls = new Hls()
+      hls.loadSource(url)
+      hls.attachMedia(video)
+      hls.on(Hls.Events.MANIFEST_PARSED, function () {
+        video.play()
+      })
+    } else if (video.canPlayType('application/vnd.apple.mpegurl')) {
+      video.src = url
+      video.addEventListener('canplay', function () {
+        video.play()
+      })
+    }
+}
+