nplayer icon indicating copy to clipboard operation
nplayer copied to clipboard

请问播放器在IOS手机上,音量调节不可滑动。清晰度设置在手机为啥不显示?浏览器显示自动,可切换清晰度,手机不显示直接不显示,如何手机横屏显示呢?

Open jm821323 opened this issue 2 years ago • 11 comments

Describe the bug A clear and concise description of what the bug is.

To Reproduce Steps to reproduce the behavior:

  1. Go to '...'
  2. Click on '....'
  3. Scroll down to '....'
  4. See error

Expected behavior A clear and concise description of what you expected to happen.

Screenshots If applicable, add screenshots to help explain your problem.

Desktop (please complete the following information):

  • OS: [e.g. iOS]
  • Browser [e.g. chrome, safari]
  • Version [e.g. 22]

Smartphone (please complete the following information):

  • Device: [e.g. iPhone6]
  • OS: [e.g. iOS8.1]
  • Browser [e.g. stock browser, safari]
  • Version [e.g. 22]

Additional context Add any other context about the problem here.

jm821323 avatar May 23 '22 07:05 jm821323

IOS 上需要通过系统来调节音量,不能通过播放器调节音量。播放器布局是响应式的,你可以精准控制播放器在不同大小的时候的布局,例如在手机大小隐藏 音量控制,横屏大小显示 清晰度调节,可以参考这个章节 https://nplayer.js.org/docs/responsive

oyuyue avatar May 23 '22 11:05 oyuyue

IOS 上需要通过系统来调节音量,不能通过播放器调节音量。播放器布局是响应式的,你可以精准控制播放器在不同大小的时候的布局,例如在手机大小隐藏 音量控制,横屏大小显示 清晰度调节,可以参考这个章节 https://nplayer.js.org/docs/responsive

感谢大佬回复。我的意思是手机横屏和手机竖屏怎么处理,没有看到对应的api。我目前正在采用您这款播放器开发一个直播软件,想请教您一下,之前也没有太多了解过音视频,谢谢

jm821323 avatar May 23 '22 12:05 jm821323

如果 window.innerHeight > window.innerWidth 就表示当前是横屏,当然也可以访问 screen.orientation。竖屏一个布局横屏一个布局是通过播放器在不同宽度下应用不同的布局。例如竖屏 300px,给 300px 断点设置一个布局,横屏 600px, 给 600px 设置一个布局。响应式布局是播放器在不同宽度下应用什么布局,这个都是可以自定义的。

oyuyue avatar May 24 '22 02:05 oyuyue

好的,谢谢大佬

jm821323 avatar May 24 '22 06:05 jm821323

大佬有个问题再请教您一下,不知是我开发的原因还是播放器bug,横屏以后播放按钮失效,弹窗设置拖拉字体从小到大,透明度,显示区域等,不灵敏

jm821323 avatar May 24 '22 15:05 jm821323

是只有横屏才有这个问题吗?是不是页面没有禁用缩放,滑动进度条和滚动页面冲突了

oyuyue avatar May 25 '22 11:05 oyuyue

只有横屏,播放按钮不管用,而且弹幕会满屏,我可以加您个联系方式发个视频吗?

jm821323 avatar May 25 '22 11:05 jm821323

IOS下采用hls清晰度设置,chrome偶尔会播放不出来,偶现。苹果手机一直加载不出来视频。报这个错,The operation was aborted,也查了相应资料。由于在播放时资源未加载完毕,在执行 play 后的等待时间内,调用了 pause 方法导致的,设置了延迟和catch捕获也不行,不知道大佬知道怎么解决吗?

jm821323 avatar May 25 '22 12:05 jm821323

可以的,我微信 wopena

oyuyue avatar May 26 '22 03:05 oyuyue

IOS下采用hls清晰度设置,chrome偶尔会播放不出来,偶现。苹果手机一直加载不出来视频。报这个错,The operation was aborted,也查了相应资料。由于在播放时资源未加载完毕,在执行 play 后的等待时间内,调用了 pause 方法导致的,设置了延迟和catch捕获也不行,不知道大佬知道怎么解决吗?

IOS 是原生支持 HLS 的,可以看看是不是 HLS 流有问题

oyuyue avatar May 26 '22 03:05 oyuyue

@woopen 使用hls.js 在ios上无法播放

acegank avatar Jun 16 '22 17:06 acegank