全球主机交流论坛

标题: 【源码分享】快手 XJJ 视频播放页面,无限连播,兼容微信 [打印本页]

作者: Mr.    时间: 2020-3-23 16:38
标题: 【源码分享】快手 XJJ 视频播放页面,无限连播,兼容微信
本帖最后由 Mr. 于 2020-3-23 16:49 编辑


看到有人在发 XJJ 视频的页面,我也发一个,几个月前论坛里有人分享了快手的 XJJ 采集,根据这个做了个页面,一直放着。。。

代码很简单,页面很简洁,中老年配色,支持自动连续播放,主要是兼容了微信不用全屏就能播(但第一次打开还是要手动点播放)

放两个预览地址:meizi.pp.uameinv.pp.ua
代码就四个文件,视频列表文件就自己找吧,一行一个视频地址就行



index.html  -  入口页面

  1. <!DOCTYPE html>
  2. <html lang="zh-CN">
  3. <head>
  4.     <meta charSet="utf-8" />
  5.     <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
  6.     <meta http-equiv="Cache-Control" content="no-transform" />
  7.     <meta http-equiv="Cache-Control" content="no-siteapp" />
  8.     <meta name="referrer" content="never">
  9.     <meta name="renderer" content="webkit" />
  10.     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
  11.     <title> XJJ </title>
  12.     <link rel="stylesheet" href="style.css">
  13. </head>
  14. <body>
  15.     <section id="main">
  16.         <video id="player" src="video.php" controls webkit-playsinline playsinline></video>
  17.     </section>
  18.     <section id="buttons">
  19.         <button id="switch">连续: 开</button>
  20.         <button id="next">播放下一个</button>
  21.     </section>
  22.     <script>
  23.     (function (window, document) {
  24.         if (top != self) {
  25.             window.top.location.replace(self.location.href);
  26.         }
  27.         var get = function (id) {
  28.             return document.getElementById(id);
  29.         }
  30.         var bind = function (element, event, callback) {
  31.             return element.addEventListener(event, callback);
  32.         }
  33.         var auto = true;
  34.         var player = get('player');
  35.         var randomm = function () {
  36.             player.src = 'video.php?_t=' + Math.random();
  37.             player.play();
  38.         }
  39.         bind(get('next'), 'click', randomm);
  40.         bind(player, 'error', function () {
  41.             randomm();
  42.         });
  43.         bind(get('switch'), 'click', function () {
  44.             auto = !auto;
  45.             this.innerText = '连续: ' + (auto ? '开' : '关');
  46.         });
  47.         bind(player, 'ended', function () {
  48.             if (auto) randomm();
  49.         });
  50.     })(window, document);
  51.     </script>      
  52. </body>
  53. </html>
复制代码




video.php  -  随机获取视频地址

  1. <?php

  2. function read(...$filelist) {
  3.     $list = [];
  4.     foreach ($filelist as $file) {
  5.         $handle = fopen($file, 'r');
  6.         while (($line = fgets($handle)) !== false) {
  7.             array_push($list, trim($line));
  8.         }
  9.         fclose($handle);
  10.     }
  11.     return $list;
  12. }

  13. $list = read('ks.txt');
  14. $url = $list[array_rand($list)];

  15. header("Location: {$url}");
复制代码




style.css  -  样式

  1. * {
  2.     border: 0;
  3.     margin: 0;
  4.     padding: 0;
  5.     outline: none;
  6.     box-sizing: border-box;
  7. }

  8. body {
  9.     background: #000;
  10.     width: 100vw;
  11.     height: 100vh;
  12.     overflow: hidden;
  13.     display: flex;
  14.     flex-direction: column;
  15.     align-items: center;
  16. }


  17. #main {
  18.     height: calc(100vh - 60px);
  19.     display: flex;
  20.     justify-content: center;
  21.     align-items: center;
  22. }

  23. #player {
  24.     width: 100%;
  25.     height: auto;
  26.     max-height: 100%;
  27. }

  28. #buttons {
  29.     height: 60px;
  30.     padding: 10px;
  31. }

  32. #switch,
  33. #next {
  34.     background: #FFF;
  35.     background: linear-gradient(to bottom, #FF2,#FB0);
  36.     color: #AF2E08;
  37.     font-size: 16px;
  38.     font-weight: bold;
  39.     height: 40px;
  40.     padding: 0px 20px;
  41.     margin: 0px 5px;
  42.     border-radius: 20px;
  43. }
复制代码




ks.txt  -  视频列表

  1. http://alimov2.a.yximgs.com/upic/2017/11/05/03/BMjAxNzExMDUwMzMyMjNfMTY5OTgwMzlfMzc2OTA5MDYwOV8xXzM=_b.mp4
  2. http://txmov2.a.yximgs.com/upic/2019/05/18/18/BMjAxOTA1MTgxODA4MTVfMTExNTkxMjA4Ml8xMzE4MTQ2NTUwOV8xXzM=_b_B9779e00de57a95b32ce7c7f1a6f5d344.mp4
  3. http://txmov2.a.yximgs.com/upic/2019/05/18/18/BMjAxOTA1MTgxODMxMzZfMjIyNDUxMTY2XzEzMTgyNDUzOTExXzFfMw==_b_B8d23190ec90818e7b12bfaa1062a518c.mp4
  4. http://txmov2.a.yximgs.com/upic/2019/06/10/12/BMjAxOTA2MTAxMjExNDFfNTQwMDU2NDBfMTM5MzQyMDAxNjBfMV8z_b_B83123c2961cad47d1a7214ea2524c32d.mp4
  5. http://hwmov.a.yximgs.com/upic/2019/07/10/21/BMjAxOTA3MTAyMTI1NTFfNDM3ODZfMTUwMjY0MzU3MzJfMV8z_b_B276364034fb4756323028e2c0bc3c3e7.mp4
  6. ……
  7. 后面自己补充
复制代码



作者: 一个不知名网友    时间: 2020-3-23 16:38
提示: 作者被禁止或删除 内容自动屏蔽
作者: inkedus    时间: 2020-3-23 16:45
牛逼,谢谢大佬分享
--< 对不起,还有......谢谢你——《魔道祖师》 >--
作者: yhsiao    时间: 2020-3-23 16:52
研究下,谢谢大佬。
作者: 老猹    时间: 2020-3-23 16:54
点进去这个下巴,怕是要戳死我
  --< mjj专用红薯布丁 >--
作者: 风之翼灵    时间: 2020-3-23 16:54
视频列表去哪里弄哇?....
作者: Mr.    时间: 2020-3-23 16:56
风之翼灵 发表于 2020-3-23 16:54
视频列表去哪里弄哇?....

论坛里搜一下,以前有人发过
作者: huba123    时间: 2020-3-23 16:58
谢谢大佬
作者: zzidc    时间: 2020-3-23 16:58
提示: 作者被禁止或删除 内容自动屏蔽
作者: leven5    时间: 2020-3-23 17:00
顶不住了,营养跟不上
作者: Shtahal    时间: 2020-3-23 17:06
上次看到一个抖音大jiejie站
作者: Mr.    时间: 2020-3-23 17:15
Shtahal 发表于 2020-3-23 17:06
上次看到一个抖音大jiejie站

抖音限制了引用页面的域名,试了几个解决方案都无效,就没花时间研究了
作者: b66667777    时间: 2020-3-23 17:16
谢谢分享
作者: godstar    时间: 2020-3-23 17:28
赞,比之前的各版本兼容性都要好
作者: king    时间: 2020-3-23 21:17
这个实用
  --< 我一直都在你身边 ,一直都在。 >--
作者: 毕业季    时间: 2020-3-23 21:28
谢谢分享
作者: vvx.cc    时间: 2020-3-23 21:28
6666666
作者: mslxd    时间: 2020-3-23 21:34
列表上哪里搞?自己收集的?有空。。。。。。。
作者: Mr.    时间: 2020-3-23 21:35
mslxd 发表于 2020-3-23 21:34
列表上哪里搞?自己收集的?有空。。。。。。。

搜一下论坛以前的帖子,有人发过,好像是8000多条
作者: sdcool    时间: 2020-3-23 22:06
NB,,,  感觉大佬
作者: 无处不男    时间: 2020-3-24 19:28
提示: 作者被禁止或删除 内容自动屏蔽
作者: yidaomm    时间: 2020-3-24 21:53
好贴~~
作者: Mr.    时间: 2020-3-24 23:02
yidaomm 发表于 2020-3-24 21:53
好贴~~

好头像~~
作者: cem    时间: 2020-3-24 23:30
准备把视频拖下来
作者: 她掏出我想掏的    时间: 2020-3-24 23:42
这个可以的   简单明了
作者: cem    时间: 2020-3-25 00:05
https://raw.githubusercontent.com/JMWpower/xiaojiejie/master/mp4.json

视频列表 你们瞅瞅~
作者: 哀素衣    时间: 2020-3-25 00:06
大佬回来了
作者: future    时间: 2020-3-25 00:09
谢谢分享,懒得自己搭建,就直接用演示的了
作者: Mr.    时间: 2020-3-25 00:22
cem 发表于 2020-3-25 00:05
https://raw.githubusercontent.com/JMWpower/xiaojiejie/master/mp4.json

视频列表 你们瞅瞅~


你这个是 json 格式的,我那个是 txt 一行一个
其实你们直接看演示站的 https://meinv.pp.ua/ks.txt 不就好了嘛。。。。。

·
作者: sembrono    时间: 2020-3-25 00:23
666666
作者: luceos    时间: 2020-3-25 00:24
多谢分享,收藏备用
作者: Mr.    时间: 2020-3-25 00:24
哀素衣 发表于 2020-3-25 00:06
大佬回来了

受宠若惊。。。
作者: yhsiao    时间: 2020-3-25 00:25
cem 发表于 2020-3-25 00:05
https://raw.githubusercontent.com/JMWpower/xiaojiejie/master/mp4.json

视频列表 你们瞅瞅~

去掉重复和失效的了吗?
作者: cem    时间: 2020-3-25 10:53
Mr. 发表于 2020-3-25 00:22
你这个是 json 格式的,我那个是 txt 一行一个
其实你们直接看演示站的 https://meinv.pp.ua/ks.txt 不就 ...


用的是这个 https://meinv.pp.ua/ks.txt  

wget -c -i ks.txt 下载 一个字 快
作者: cem    时间: 2020-3-25 10:54
yhsiao 发表于 2020-3-25 00:25
去掉重复和失效的了吗?

https://meinv.pp.ua/ks.txt  

楼主回复了 看看这个




欢迎光临 全球主机交流论坛 (https://hostloc.onozo.cc/) Powered by Discuz! X3.4