chimeejs / chimee-plugin-controlbar Goto Github PK

显示片名和logo 可以和下方控制条一起显示和隐藏

怎么做?大佬们

immediate 没有对外暴露设置方法

我想设置自定义的图标
但是
这种方法并没有显示出来，图标全都丢失了
icon: {
small: './icon/screen-small.svg',
full: './icon/screen-full.svg'
}

插入svg 内容的方法可行
icon: {
small: `


。。。。。。

package-lock.json里的无效urlhttp://registry.npm.qiwoo.org/会导致npm install失败。

有移动端需求的同学，也可以补充说明您的业务场景更需要哪种形式的播放。

• 列表页
  • 上下滑动到哪个点击播放或自动播放
• 详情页：
  • 文章详情行内播放器
  • 视频站点播放页
  • 微信整屏播放

现在影响音量显示的 只有volume，但静音应该设置后音量应该归零才对

建议控制条自带图标的fill与stroke硬编码到svg代码中，而非添加到css中来影响，此处可能出现的一个坑为，外部引入的svg图表被此处样式所影响

下载代码后，直接运行 npm run build，使用打包出来的 index.min.js ，

报 Uncaught ReferenceError: deepAssign is not defined 错误，

是不是代码有什么问题，另外 我看你们 lib 里面的 index.min.js 有 100k，

我打包出来的，只有 95k的样子，

麻烦大佬看看。

目前自定义图标只能通过html片段注入，希望能开放注入dom的能力，这样的话可以更好的结合vue之类的reactive框架来利用状态驱动能力提高相应图标编写能力

➜ chimee-plugin-controlbar git:(master) npm install
npm WARN deprecated [email protected]: 'postcss-cssnext' has been deprecated in favor of 'postcss-preset-env'. Read more at https://moox.io/blog/deprecating-cssnext/
npm WARN deprecated [email protected]: Browserslist 2 could fail on reading Browserslist >3.0 config used in other tools.
npm WARN deprecated [email protected]: Browserslist 2 could fail on reading Browserslist >3.0 config used in other tools.
npm WARN deprecated [email protected]: CircularJSON is in maintenance only, flatted is its successor.
⸨ ░░░░░░⸩ ⠦ extract:chimee-helper: sill extract chimee-helper@git+https://github.com/Chimeejs/chimee-helper.git extracted to /Users/ldd/proj/web/chimee-plugin-controlbar/node_modules/.staging/
npm ERR! code ETIMEDOUT
npm ERR! errno ETIMEDOUT
npm ERR! network request to http://registry.npm.qiwoo.org/toxic-predicate-functions/download/toxic-predicate-functions-0.1.5.tgz failed, reason: connect ETIMEDOUT 10.208.255.161:80
npm ERR! network This is a problem related to network connectivity.
npm ERR! network In most cases you are behind a proxy or have bad network settings.
npm ERR! network
npm ERR! network If you are behind a proxy, please make sure that the
npm ERR! network 'proxy' config is set properly. See: 'npm help config'

现在场景式在插件基础上自定义子组件，子组件有输入框，插件现在默认配置是自动聚焦到video元素的，导致一点击聚焦到input元素就会失去焦点

🚨 You need to enable Continuous Integration on all branches of this repository. 🚨

To enable Greenkeeper, you need to make sure that a commit status is reported on all branches. This is required by Greenkeeper because it uses your CI build statuses to figure out when to notify you about breaking changes.

Since we didn’t receive a CI status on the greenkeeper/initial branch, it’s possible that you don’t have CI set up yet. We recommend using Travis CI, but Greenkeeper will work with every other CI service as well.

If you have already set up a CI for this repository, you might need to check how it’s configured. Make sure it is set to run on all new branches. If you don’t want it to run on absolutely every branch, you can whitelist branches starting with greenkeeper/.

Once you have installed and configured CI on this repository correctly, you’ll need to re-trigger Greenkeeper’s initial pull request. To do this, please delete the greenkeeper/initial branch in this repository, and then remove and re-add this repository to the Greenkeeper App’s white list on Github. You'll find this list on your repo or organization’s settings page, under Installed GitHub Apps.

在非全屏模式下，toolbar 是会遮挡住 video 的，虽然过个几秒后 toolbar 就会消失，但总会遮挡那么一会，能否让 toolbar 的位置可配置，贴在 video DOM 下面，而不是遮挡在 video 下面

我们公司想基于chimee做一个自己的controller界面，我借鉴了这个插件。
但是进度条中的缓存部分，我根据chimee-plugin-controlbar，监控progress，但是只有第一次加载才会执行，之后再刷新页面都不会执行了，但是我看Demo上面是每次刷新页面缓存条都会变。这个是怎么实现的呢？我看了源码实在没看懂。

您好，移动端的向左滑动快进，双击暂停开始，没有，有没有实体的demo

children: {
play: {
},
progressTime: true,
progressBar: {
layout: 'top'
},
volume: {},

                screen: {}
            }

我的设置，我传入的islive 为true 但是controlbar的进度条仍显示，不自定义controlbar 没事

调用$fullscreen导致UI失控

引用环境版本[email protected]、[email protected]、[email protected]

创建播放器示例.txt

NPM 上的 0.5.0 版本会依赖 github 上的 chimee-helper ，造成代码拉取失败，建议全部走 npm 仓库

建议在isLive情况下禁用快进快退，播放暂停等，此类功能在直播中应该disabled掉，以免发生其他异常

我一个页面有4个视频，每个视频都用到这个插件，使用name命名先注册，然后使用会提示插件未注册。

清晰度切换插件中的 $silentLoad 参数 loadOption 需要增加 duration 属性，建议默认设置10秒。

以解决：默认3秒、chimee自动尝试4次后最长等待6秒+的时间太短，对于质量不够的流服务，chimee自动重试4次后依旧异常导致播放失败，但用相对“有耐心”的播放器却发现可以播放的问题。

另外插件配置中需要暴露duration参数，以供有相应精度要求的用户自行调节阈值。

相关代码：

https://github.com/Chimeejs/chimee-plugin-controlbar/blob/master/src/clarity.js#L81

如题，比如目前在flv核心未实现清晰度切换的时候，我在手动设置了清晰度图标，此时我会手动维护一些状态在this上进行传递，或者期望在init的时候做一些初始化的动作，目前children里对于图标设置只开放了html插入能力以及事件绑定机制，希望能够考虑下增加lifecycle hook，可以与chimee播放器主核心的lifecycle保持一致

项目想用，看起来很不错啊，但是担心不维护了，哎，已经fork了 后面拜读一下大佬的代码

看了一下代码部分，貌似这块还没有完成，目前相关图标的svg部分都是硬编码到了plugin内部，此处大概需要多久可以开放出来呢？谢谢~

更新清晰度列表 具体怎样使用？可以写个例子吗？谢谢。。。。。。

同时安装 chimee 和 chimee-plugin-controlbar 后控制台报警

[chimee] > We no longer support event names like c_mouseenter. Please use mouseenter and options like { target: 'container' } instead
[chimee] > We no longer support event names like c_mousemove. Please use mousemove and options like { target: 'container' } instead
[chimee] > We no longer support event names like c_mouseleave. Please use mouseleave and options like { target: 'container' } instead

是否源码这里要更新下呢

chimee-plugin-controlbar/src/index.js

   c_mouseenter () {
      if(this.config.barShowByMouse === 'move') return;
      this._showItself();
    },
    c_mousemove () {
      this._mousemove();
    },
    c_mouseleave () {
      if(this.config.barShowByMouse === 'move') return;
      this._hideItself();
    }