zyronon / douyin

Vue3 + Pinia 仿抖音,Vue 在移动端的最佳实践 . Imitate TikTok ,Vue Best practices on Mobile
https://dy.ttentau.top/
GNU General Public License v3.0
9.92k stars 2.73k forks source link

问题报告 | Bug report IOS 在打开声音后, 在上下滑动切换视频的过程中,能明显感觉到有卡顿 #121

Open tcstory opened 2 weeks ago

tcstory commented 2 weeks ago

1、描述

IOS 在打开声音后, 在上下滑动切换视频的过程中,能明显感觉到有卡顿。

这个问题在我的多部 IOS 手机上都能复现,而且这个问题也挺明显的,但是查看了 issues 列表后,却发现大家都没有反馈这个问题。难道大家都没有遇到吗?

zyronon commented 1 week ago

我没有iphone 手机,没在真机上测过....

tcstory commented 1 week ago

我没有iphone 手机,没在真机上测过....

好的,谢谢作者

abcdedfdfasdfsa commented 1 week ago

确实有点卡,视频直接放不出来

GIS142857 commented 6 days ago

1、描述

IOS 在打开声音后, 在上下滑动切换视频的过程中,能明显感觉到有卡顿。

这个问题在我的多部 IOS 手机上都能复现,而且这个问题也挺明显的,但是查看了 issues 列表后,却发现大家都没有反馈这个问题。难道大家都没有遇到吗?

这个是因为这个数据里面记录的是视频很早之前的地址,视频内容在www.douyin.com域名的服务器上,现在抖音给每个视频绑定了三个加载地址,而且其中第二个域名对应的服务器应该是在多个地方分散部署的,所以加载速度会很快。

现在的视频加载链接形式如下:"url_list": ["https://v3-web.douyinvod.com/......", "https://v26-web.douyinvod.com/......", "https://www.douyin.com......"]

tcstory commented 4 days ago

1、描述 IOS 在打开声音后, 在上下滑动切换视频的过程中,能明显感觉到有卡顿。 这个问题在我的多部 IOS 手机上都能复现,而且这个问题也挺明显的,但是查看了 issues 列表后,却发现大家都没有反馈这个问题。难道大家都没有遇到吗?

这个是因为这个数据里面记录的是视频很早之前的地址,视频内容在www.douyin.com域名的服务器上,现在抖音给每个视频绑定了三个加载地址,而且其中第二个域名对应的服务器应该是在多个地方分散部署的,所以加载速度会很快。

现在的视频加载链接形式如下:"url_list": ["https://v3-web.douyinvod.com/......", "https://v26-web.douyinvod.com/......", "https://www.douyin.com......"]

你可能误会了, 这个问题和视频的加载速度并没有关系. 你甚至可以启动一个本地服务, 然后把视频保存到本地来验证这个问题.

tcstory commented 4 days ago

确实有点卡,视频直接放不出来

这个问题和视频的加载卡顿没有关系.... 单纯是视频切换过程中, 动画的卡顿. 个人猜测是 css3 的 transform 在translate video 元素的过程中, 产生了卡顿. 甚至我把 video 元素替换成单个的 canvas 元素, 配合 vant ui 的 swipe 组件, 也能复现这个卡顿问题.

abcdedfdfasdfsa commented 1 day ago

确实有点卡,视频直接放不出来

这个问题和视频的加载卡顿没有关系.... 单纯是视频切换过程中, 动画的卡顿. 个人猜测是 css3 的 transform 在translate video 元素的过程中, 产生了卡顿. 甚至我把 video 元素替换成单个的 canvas 元素, 配合 vant ui 的 swipe 组件, 也能复现这个卡顿问题.

那该怎么办? 声音打开之后刷视频在safari浏览器上确实卡