GithubHelp home page GithubHelp logo

chimeejs / chimee-player Goto Github PK

View Code? Open in Web Editor NEW
295.0 21.0 45.0 3.65 MB

A complete set of H5 player. 这是一套包含UI插件、FLV和HLS解码器的快速上手解决方案,可以按您的业务场景适当调整依赖后重新构建打包。

Home Page: http://chimee.org/#demo

JavaScript 74.21% CSS 0.01% HTML 25.78%
chimee-player chimee hls flv video h5-video-ui h5-video h5-video-player chimeejs

chimee-player's Issues

好像也没有解决播放器在不同手机浏览器的H5页面中的UI样式问题吧?

本人也有在做网页播放器的相关业务工作,遇到最头疼的莫过于国产手机浏览器厂商,对 video 标签的劫持问题,基本上自己写的 video 相关的控制栏样式完全没有什么意义,会被不同的手机浏览器做不同的样式展示,不知道 chimee-player 在做H5播放器的 UI 时,做到了哪一步,有没有什么解决方案呢?

移动端ios,视频加载失败

wechatimg29

一直都是loading状态,然后就加载失败了,有时候这里
wx20171206-173411 2x
切换一下就能显示视频了。什么原因造成的呢?我引用的是chimee-player.browser.js这个版本的。

npm安装非常慢

拉其他依赖没问题 但是拉chimee-player就一直卡在checking installable status

在引入[email protected],打包后报错

我的代码
var vie = new ChimeePlayer({
wrapper: '#wrapper',
// src:"http://cdn.toxicjohann.com/lostStar.mp4",
controls: true,
autoplay: false,
// plugin: [popup.name],
autoload: false
})
打包后,日志报错
Uncaught SyntaxError: Unexpected token ] chimee-player.browser.js:27620

var getCharForByte = function getCharForByte(byte) {
var charCode = byte;
if (specialCea608CharsCodes.hasOwnProperty(byte)) charCode = specialCea608CharsCodes[byte];

  return String.fromCharCode(charCode);
};

高频切换视频源报错

flv格式的视频源频繁的切换直播,初始化播放器,会报这样的错误。
chimee-player.browser.js:43052 DOMException: Failed to execute 'appendBuffer' on 'SourceBuffer': This SourceBuffer has been removed from the parent media source.

m3u8 格式有的播放不了

报错:vendor.1fd61b8e0a1f3bc4b8db.js:72323 [chimee-kernel-hls hlsError] > bufferSeekOverHole
有的都能播放,有的只有音频,没有视频,有的音频和视频都没有,这是咋回事呢?谢谢!

ended事件不触发?

视频播放结束触发的是‘pause’事件,不触发ended事件,怎么捕获视频播放结束事件?

新版chrome下m3u8只加载不播放

chrome版本 73.0.3683.103。
表现为m3u8资源在控制台里正常加载,但是播放器整个不显示,播放区域是透明的,也不报错。
半年前没问题,是最近才出现的,而且同样页面在360浏览器里仍然正常播放,猜测是新版chrome内核有什么调整导致的。

样式丢失

直接在vue中
import("chimee-player").then(s => {
const ChimeePlayer = s.default;
let box = this.palyermaps[this.property.option.playertype].box;
let isLive = this.palyermaps[this.property.option.playertype].isLive;
let src = this.property.option.src;
this.Instance && this.Instance.destroy();
this.Instance = new ChimeePlayer({
// 播放地址
src: src,
// 直播:live 点播:vod
isLive: isLive,
// 编解码容器
box: box,
poster: this.property.option.poster,
// dom容器
wrapper: this.$el,
// video
autoplay: this.property.option.autoplay,
loop: this.property.option.loop,
muted: this.property.option.muted,
controls: true,
crossOrigin: "anonymous"
});
});
样式丢失

chimee-player在angular下的使用

angualr基于ts开发,chimee还没支持,所以ts 引入和文档不太一样,
import * as Chimee from 'chimee-player';

后续开发再来补充其他的区别

ts文件伪装成png图片后无法播放

我用windows的dos命令copy把ts文件跟png文件合并后生成新的png文件作为m3u8列表的文件,chimee无法播放,请问是什么原因,我该怎么处理

音频编码问题

请问支持G711U编码的音频吗?我播音频是G711U编码的视频好像没有声音

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.