极简短剧网站PHP程序
演示站:https://tv.23vps.com/weiju/
首页
阿里云限量代金券 | 此广告位出租25元/月 |
视频播放页面
源码下载:https://tv.23vps.com/weiju.zip
功能简介:
1、首页和视频播放页面均带目录遍历功能
2、首页具有两种排序方式分别是按文件名排序和文件最后修改时间排序
3、视频播放页面有下拉选集功能,并添加了上一集和下一集按钮,同时移动端可以下滑播放下一集,上滑播放上一集
注意事项:
1、确保videos内的mp4文件按照一定规则命名
2、关于滑动方面的优化,滑动距离阈值verticalThreshold
设为 100px
,用户需要滑动超过这个垂直距离时,才会触发上下集切换,同时加入了垂直horizontalThreshold
(50px
),如果水平滑动的距离比垂直滑动距离大,则认为是页面的正常滚动操作,不会触发集数切换。滑动速度检测,使用 swipeSpeed = Math.abs(verticalDistance) / swipeDuration
来检测滑动速度。minSwipeSpeed
设置为 0.3px/ms
,这意味着只有快速滑动才能触发上下集切换,而慢速滑动(如正常滚动页面时)不会被误判。优先处理垂直滑动,Math.abs(verticalDistance) > Math.abs(horizontalDistance)
检查滑动的主要方向是垂直还是水平,确保垂直滑动才会触发上下集的切换。触发条件优化,只有当垂直滑动距离超过 100px
且滑动速度足够快时,才会跳转到下一集或上一集。用户的轻微滚动或者慢速滑动不会触发误操作。
3、压缩包内video视频播放页面多版本说明,video_mobile1.0.php为未优化触摸事件逻辑版本,video_pc.php为没有自动播放下一集和滑动播放上下级的精简版本
4、本程序由OpenAI编写
5、本程序在php7.2下测试运行正常无报错