微信小程序 video 视频播放卡顿

m3u8是一种索引文件，本质上是存放的对应服务器上的视频网络地址。微信小程序使用这种作为视频源可以完美解决卡顿的问题。

手机上传到服务器的视频大部分格式是mp4的，这里服务器可以把mp4转换成m3u8.

<?php
require_once 'dbModel.php';
$db=new dbModel();
if(is_uploaded_file($_FILES['file']['tmp_name'])){$fileName=explode('.',$_FILES['file']['name']);$fileExt=end($fileName);if(!in_array($fileExt,array('3gp','rmvb','flv','wmv','avi','mkv','mp4','mp3','wav'))){$result=array("status"=>false,"msg"=>'上传的文件类型不对！！');echo json_encode($result);}$fileName=md5(uniqid(md5(microtime(true)),true)).'.'.$fileExt;$filesPath='uploadFiles\\'.date("Ym").'\\';createFolder($filesPath);if(move_uploaded_file($_FILES['file']['tmp_name'],$filesPath.$fileName)){$tsfileName=md5(uniqid(md5(microtime(true)),true)).'.'.'ts';$m3u8fileName=md5(uniqid(md5(microtime(true)),true)).'.m3u8';$chg_str = "ffmpeg -y -i ".$filesPath.$fileName." -vcodec copy -acodec copy -vbsf h264_mp4toannexb ".$filesPath.$tsfileName;exec($chg_str);$pic_str = "ffmpeg -i ".$filesPath.$tsfileName." -c copy -map 0 -f segment -segment_list ".$filesPath.$m3u8fileName." -segment_time 5 ".$filesPath.'-%3d.ts';exec($pic_str);$db->insert("videoTable", ["videoUrl" => $filesPath.$m3u8fileName]);$account_id = $db->id();$result=array("status"=>true,"msg"=>'成功！'.$account_id,"data"=>$filesPath.$fileName);echo json_encode($result);}else{$result=array("status"=>false,"msg"=>'失败！');echo json_encode($result);}
}function createFolder($path,$mode = 0777){return is_dir($path) or (createFolder(dirname($path))) and mkdir($path,$mode);
}

微信小程序 video 视频播放卡顿相关推荐

微信小程序安卓视频播放卡顿问题
在微信小程序开发中遇到在video组件的两个问题 1.安卓手机里播放视频会有明显的卡顿问题刚开始以为是网络问题,或者是视频文件问题.排查了一下发现都没问题最后加了个属性就OK了 uniapp和原生 ...
微信小程序scroll-view滑动卡顿，下滑时向上滑动失效
微信小程序scroll-view滑动卡顿滑动卡顿解决方案代码实现 wxml文件 js文件滑动卡顿微信小程序scroll-view组件在滑动时频繁卡顿,向下滑动时,向上滑动无效,无法停止.小程 ...
微信小程序上下滑动卡顿 z-index设置不起作用
今天在尝试做个微信小程序时,在开发测试时好好的,但发到真机上测试时手势上拉下拉都感到明显的卡顿,底部的菜单也没有浮在最上层.经过查找最后发现问题出现在图片上,在添加图片时看文档, 当时看了一下也没有细 ...
跳出小程序 video组件卡顿、黑屏、全屏等坑
前些天,朋友遇到一个小程序的问题叫我帮忙看看,说是ios上video组件会有严重的黑屏现象,这就有意思了. 知道问题后,我就开始试一试,发现如果页面只有一个video组件的话,是没有什么问题的.但是但 ...
uniapp 判断页面是否是横竖屏,解决微信小程序video组件全屏播放视频遮盖自定义播放控件问题
如果res.deviceOrientation 等于landscape 的话是竖屏,portrait则是横屏.因为用户每旋转一次屏幕就会触发里面的onShow钩子,因此在页面显示或横竖屏变化都会触发这 ...
微信小程序 - video组件poster无效 / 视频播放列表
在做有关微信小程序有关视频播放页面的时候,遇到video组件设置poster无效果,然后查了下poster属性:视频封面的图片网络资源地址,如果 controls 属性值为 false 则设置 pos ...
微信小程序实现打卡功能
参考链接: (1)微信小程序实现签到弹窗动画 https://www.jb51.net/article/196080.htm (2)微信小程序开发(四)入门之打卡功能开发 https://blog.c ...
微信小程序拍照打卡功能实现
微信小程序拍照打卡功能实现附Java代码小程序端签到页面wxml 签到页面js 拍照页面wxml 拍照页面js Java后台保存照片保存打卡数据由于拍照组件是相当于一个块,用隐藏显示的方 ...
微信小程序video组件调用腾讯视频的解决方案
最近在开发中碰到了微信小程序video组件调用腾讯视频的问题,就趁机来总结一下. 对方只给了我一个腾讯视频的网页链接,然后需要放置到小程序里面,大概开发前景是这样的. 对方提供的视频链接: https ...

微信小程序 video 视频播放卡顿

微信小程序 video 视频播放卡顿相关推荐

最新文章

热门文章