Chimeejs / chimee-mobile-player

这是基于chimee集成的一套您可以直接使用的HTML5移动端播放器,提供有了默认样式。
179 stars 125 forks source link

ios无法点击播放 #48

Open Wolf-professor opened 5 years ago

Wolf-professor commented 5 years ago
  1. ios 点击之后报错 Unhandled Promise Rejection: NotAllowedError: The request is not allowed by the user agent or the platform in the current context, possibly because the user denied permission. 导致无法正常播放
  2. 在没有点击全屏的时候,手机横屏,显示是不太对的

    请作者帮忙解决下!十分感谢

toxic-johann commented 5 years ago
  1. 用户不允许你这个平台播放。看看设定是不是关掉了。
toxic-johann commented 5 years ago
  1. 不理解什么叫做不太对。。
Wolf-professor commented 5 years ago

微信图片_20190910090734

Wolf-professor commented 5 years ago

您说的设定是指自动播放(autoplay)吗?打开或者关掉都是一样的错误。

Wolf-professor commented 5 years ago

1.上图就是在未点击右下角全屏的时候,将手机横屏观看就出现这样的情况,所有的机型都一样

toxic-johann commented 5 years ago

不是 autoplay,是你那个播放器不允许你播放。

toxic-johann commented 5 years ago

mobile-player 没有横屏逻辑的。是不是你的代码里面有添加其他横屏逻辑?

Wolf-professor commented 5 years ago

要不我加您微信沟通下?

Songkunda commented 5 years ago

大哥 你这图一看就是安卓 而且提问题之前先把环境说一下 比如 机型:iphone 8 系统版本:iOS12 浏览器:自带 QQ 还是UC 问题描述: 必要时提供代码

Wolf-professor commented 5 years ago
  1. ios12以上都是不可播放的,Unhandled Promise Rejection: NotAllowedError: The request is not allowed by the user agent or the platform in the context, possibly because the user denied permission. 出现这个报错。(没明白您上边说的 :《不是 autoplay,是你那个播放器不允许你播放》,mobile-player不就是播放器吗?ps: ios 同事打开自动播放设置之后,视频就可以正常播放了)

  2. 安卓和ios所有机型,在未点击右下角全屏的状态下,将手机横屏会出项上面的截图。我代码中没有加横屏的逻辑,咱们这个mobile-player不做横屏的逻辑?

Wolf-professor commented 5 years ago

个人想法,在手机横屏的时候,无论之前有没有点击最大化,都应该显示正常的。

Cpaul3 commented 5 years ago

ios12以上的版本,低电量模式下不允许播放,看一下手机是不是低电量模式

Wolf-professor commented 5 years ago

ios12以上的版本,低电量模式下不允许播放,看一下手机是不是低电量模式

不是低电量模式,但是打开手机的自动播放限制就可以了。

Wolf-professor commented 5 years ago

@Cpaul3 你移动端的插件可以控制倍速吗?

toxic-johann commented 5 years ago

playbackrate 今天有人反映有问题。我需要查一下。你可以先使用 settimeout 延迟一下然后设置就好。例如

setTimeout(() => { player.playbackRate = 2; }, 10);
Wolf-professor commented 5 years ago

pc端用的playbackrate挺好用的,移动端跟这个是一样的吗?

toxic-johann commented 5 years ago

是的。

Wolf-professor commented 5 years ago

image image image

Wolf-professor commented 5 years ago

image pc端的就可以,移动端的是我的使用方法不对吗?

Songkunda commented 5 years ago

image pc端的就可以,移动端的是我的使用方法不对吗?

// import ChimeeMobilePlayer from "chimee-mobile-player";
ChimeeMobilePlayer.install(chimeePluginControlBar);
window.player = new ChimeeMobilePlayer({})

源代码是这么暴露的


/** chimeeMobilePlayer
* chimee-mobile-player v0.2.8
* (c) 2017-2018 yandeqiang
* Released under MIT
*/

(function (global, factory) { typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() : typeof define === 'function' && define.amd ? define(factory) : (global.ChimeeMobilePlayer = factory()); }(this, (function () { 'use strict';

Wolf-professor commented 5 years ago

image image 刚开始我用的是这个,一直有报错的,提示我未定义

Wolf-professor commented 5 years ago

image 整个代码是这样的,就是会有报错

Songkunda commented 5 years ago

chimeePluginControlBar 未定义 使用前需要定义 或者 作用域外需要暴露到window上 建议您从js作用域复习一下一个变量需要如何定义使用

SaveUpStrength commented 4 years ago

现在我有个这样的问题,使用Chimee插件,安卓可以正常播放,ios一直白屏加载中。 运行环境: iphone 12 iphone 7 iphone 8 p 视频格式: m3u8直播流 代码示例:

  let chimee = new Chimee({
    wrapper: "#wrapper", // video dom容器
    src: res,
    controls: true,
    isLive: true,
    kernels: {
      hls: {
        maxBufferSize: 0, // Highly recommended setting in live mode
        maxBufferLength: 10, // Highly recommended setting in live mode
        liveSyncDurationCount: 10, // Highly recommended setting in live mode
        handler: window.ChimeeKernelHls,
        p2pConfig: {
          live: true, // 如果是直播设为true
          // Other p2pConfig options provided by CDNBye
        },
      },
    },
  });