收藏
回答

微信小程序视频播放加载很慢

框架类型 问题类型 API/组件名称 终端类型 微信版本 基础库版本
小程序 Bug video 客户端 7.0.4 2.7.2

- 当前 Bug 的表现(可附上截图)


- 预期表现


- 复现路径


- 提供一个最简复现 Demo


微信小程序视频播放加载很慢,一直转圈,3分钟后才能播放,而且播放很卡,加了带宽和cdn也没有效果,官方的video组件是不是有bug

<video id="myVideo" hidden="{{!selected4}}" bindtimeupdate="timeUpdate" bindended="playended"  binderror="playerror" class='kcxq-topimg' style="width:100%" src="{{videoUrl}}" initial-time="{{initial}}" custom-cache="{{false}}" controls>

<canvas canvas-id='myCanvas' style='width:100%;margin-top:5%;'></canvas>

</video>


let videotime = e.currentTarget.dataset.videotime;

let currProgress = Number((parseInt(videotime) * progress / 100).toFixed(0));

lastTime = currProgress;

//wx.setStorageSync('lastTime', currProgress);

if (progress == 100)

currProgress = 1;

console.log("currProgress:" + currProgress);  

that.setData({

videoUrl: src + "?t=" +new Date().getTime(),

initial: currProgress,

selected3: false, //将封面图隐藏

selected4: true, //将视频video打开显示

selected5: false //将轮播图隐藏

videoCtx = wx.createVideoContext('myVideo')


;

//监听视频播放进度

timeUpdate(e) {

let that = this;

//console.log("duration:" + e.detail.duration)

if (fromProgress < 100) {

duration = e.detail.duration;

//var lastTime = wx.getStorageSync('lastTime') || that.data.initial;

currentTime = e.detail.currentTime;

console.log('上次的时间' + lastTime + '现在的时间' + currentTime);

if ((parseInt(currentTime) - parseInt(lastTime)) > 3) {

videoCtx.seek(lastTime);

return false;

} else {

lastTime = currentTime;

//wx.setStorageSync('lastTime', currentTime);

progress = Math.round((currentTime / duration) * 10000) / 100.00;

pgMap.set(lessionid, progress); //将lessionid和进度存到map中

//console.log("progress:" + progress);

}

}

},


//当播放到末尾时触发 ended 事件

playended(e) {

let that = this;

console.log("更新子课程进度:100")

pgMap.set(lessionid, 100);

that.updateLearnItem(); //更新子课程进度

setTimeout(function () {

that.getDetail();

}, 1000)

},





最后一次编辑于  2019-06-14
回答关注问题邀请回答
收藏

4 个回答

  • 妮可-拉島巴
    妮可-拉島巴
    2021-10-29

    同样请问现在解决了么?

    2021-10-29
    有用
    回复
  • enough
    enough
    2020-10-09

    您好,这个问题解决了吗,我也是碰到这样的问题,把文件放在了阿里的oss上并且用了cdn加速,还是一样的卡,给给点解决方案吗?

    2020-10-09
    有用
    回复 1
    • 妮可-拉島巴
      妮可-拉島巴
      2021-10-29
      您好,请问您有方案了么?
      2021-10-29
      回复
  • Bruce
    Bruce
    2019-06-25

    遇到同样的问题。相同的链接PC上面播放非常流畅。小程序中播放很卡,而且需要很长时间才能加载出来,iOS直接报错。



    2019-06-25
    有用
    回复 1
    • 妮可-拉島巴
      妮可-拉島巴
      2021-10-29
      您好,请问您有解决方案了么?
      2021-10-29
      回复
  • 小白
    小白
    2019-06-17

    你好,麻烦提供出现问题的具体机型、微信版本号、系统版本号,以及能复现问题的代码片段(https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html

    2019-06-17
    有用
    回复
登录 后发表内容