chimee

h5 视频播放器
授权协议 MIT
开发语言 JavaScript
所属分类 Web应用开发、 Web多媒体播放器
软件类型 开源软件
地区 国产
投 递 者 吴高畅
操作系统 跨平台
开源组织
适用人群 未知
 软件概览

Chimee是Qiwoo团队创建的网络视频播放器。它基于网络视频元素。它支持多种媒体流,包括mp4,m3u8,flv等。

在大多数情况下,我们需要支持基于视频的复杂功能,例如许多视频或广告。如果您仅基于video元素编写它们,就很难维护它们。因此,我们可能需要一个iframe来整理逻辑并处理通信。因此,Chimee提供了一个插件系统,因此任何人都可以将您的复杂功能拆分为多个插件。通过这种开发方法,开发人员可以将逻辑解耦以实现更快的灰度发布并相对容易地实现许多其他功能。

Chimee帮助开发人员更轻松,更快捷地从头开始实现复杂的视频功能。

特征

Chimee是网络视频播放器

  1. 它支持多种视频流,包括mp4,m3u8,flv等。
  2. 它解决了大多数兼容性问题,包括跨浏览器的全屏显示,自动播放和内联播放。

而且,它也是基于video元素的组件框架

  1. 它可以帮助我们将复杂的功能拆分为多个插件。
  2. 每个插件都可以直接轻松地在video元素上工作。
  3. 该框架整理出插件之间的层次关系,这将使我们免受z-index问题困扰。
  4. 它提供了各种模块,例如透明插件,穿透插件,内部插件和外部插件,它们将覆盖大多数交互式场景。
  5. 它为我们提供了方便的插件之间通信方式。
  6. 它允许我们定义插件优先级,这对于使广告插件按预期工作很有用。
  7. 它还支持异步插件。
  • 在react中引入chimee插件 1.下载依赖包chimee和chimee-plugin-controlbar chimee是主要插件,用于视频的播放; chimee-plugin-controlbar是控制栏,可配置项包括进度条,时间,播放和暂停等; 2.html <div id="myVideo"/> 3.引入 import Chimee from 'chimee'; import Chim

  • 最近项目中需要用到H5播放器,然后找到一款神器Chimee。记录一下,方便日后使用。 使用:假设你的页面中有一 id 为 wrapper 的 div。 <body> <div id="wrapper"> </div> </body> 1.引用公共CDN上的JS,或者在lib目录下选择适合的构建结果放入业务目录中,直接引用JS: <!-- 注意:这里的 CDN 资源链接可能不是最新版,具体可

  • ChimeeMobilePlayer 这是基于chimee集成的一套您可以直接使用的HTML5移动端播放器,提供有了默认样式。 并集成了以下官方UI插件: 安装 首先根据您的业务场景,你可以直接将lib目录下适合的打包文件引入您的业务代码中,比如直接使用引用JS。 或者您的项目基于nodejs环境构建的话,直接执行 npm install chimee-mobile-player --save,然

  • 1、概述 鉴于目前 H5-Video 在 Web 生态环境中存在较大差异化(兼容性)的表现,本文主要介绍使用奇舞团开发chimee 组件进行视频播放的用法。 chimee 组件地址: http://chimee.org/docs/index.html   2、chimee 组件特点 Chimee支持MP4、M3U8、FLV等多种媒体格式,同时它也帮我们解决了大部分的兼容性、差异化问题,包括全屏、自

  • 概述 公司最近需要一套直播系统,要求是网络摄像头进行录制,然后可以在网页上无插件进行直播,要求同时支持PC端和移动端进行直播,最后我决定采用hls协议,利用nginx+chimee搭建网络摄像头直播系统。 搭建网络摄像头直播服务器 0.因为需要用到nginx-rtmp-moudle模块,所以需要下载nginx来重新编译 1.首先要确保没有安装过nginx,如果安装过要先把nginx进行卸载 sud

  • 视频直播–使用chimee-player.browser.js 直播 m3u8格式视频 亲测直接复制html 可播放 采用hls 解析 <!DOCTYPE html> <html> <head> <title>视频测试</title> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,in

  • 一、安装chimee插件,以下三步 npm i chimee npm i chimee-plugin-controlbar npm i chimee-plugin-danmu 二、在需要的文件中引入chimee(看需求引入) import chimee from 'chimee'; import flv from 'chimee-kernel-flv'; import hls from 'chi

  • 注意: 在 1.4.0 版本(包括)以上, css与js分开打包了,此时需要单独引入 css 文件 lib/chimee-player.browser.css import 'chimee-player/lib/chimee-player.browser.css’

 相关资料
  • 用 AVPlayer 类写的简易视频播放器,可以播放来自互联网的视频,支持手势缩放视频。只能播放iPhone支持的视频格式。 目前有两点不足:一是无法调节音量;二是手势放大缩小之后滑动快进快退也不太正常。希望有其他开发者在此基础上继续改进。 [Code4App.com]

  • 主要内容:HTML视频(Videos)播放,实例,问题以及解决方法,使用 <embed> 标签,实例,使用 <object> 标签,实例,使用 HTML5 <video> 元素,实例,最好的 HTML 解决方法,HTML 5 + <object> + <embed>,使用超链接,实例,关于内联视频的说明,HTML 多媒体标签在 HTML 中播放视频的方法有很多种。 HTML视频(Videos)播放 实例 <video width="320" height="240" controls> <sou

  • 我遵循了一些关于将JavaFX与Swing(JFrame)结合起来播放视频的教程,但是我得到的只是一个黑屏,视频应该没有任何实际的内容播放,也没有错误报告。 我在这里做错了什么,为什么视频不播放? 我尝试了几个. flv视频,没有一个会开始播放(当我在浏览器中打开它们时,它们确实会播放) 我正在运行jre7和jdk1。安装了K-lite完整编解码器包的windows 8.1 N Pro上的7.0_

  • 在 HTML 中播放视频的方法有很多种。 HTML视频(Videos)播放<video width="320" height="240" controls> <source src="movie.mp4" type="video/mp4"> <source src="movie.ogg" type="video/ogg"> <source src="movie.webm" type="video/

  • 我正在开发一个应用程序,它使用webview来显示网页,如果url是视频链接(youtube)或作为网页一部分的视频,我想播放视频。我试着把url直接添加到webview中,但它连youtube链接都不播放,我已经在webview中启用了插件和javascript.....有谁能在这个问题上帮我,

  • 在我的应用程序中,我想显示来自服务器URI路径的视频,在这里,第一次播放视频,当我想第二次播放视频时,视频没有播放,并显示一个弹出窗口,如无法播放此视频 下面是我的错误 提前谢谢。

  • 我正在开发一个音频播放器,它可以在后台播放音频文件。我的问题是,当录像机或视频播放器启动时,我需要暂停音频播放器。 有什么方法可以处理这个任务吗?例如,我有来处理这些调用。当我接到呼叫或wnat呼叫时,我们可以使用呼叫状态暂停播放器。我想为录像机或视频播放器以及相同的场景。当视频/录制开始时,我需要暂停音频播放器。

  • 大家好,我正在尝试使用两个独立的媒体播放器实例播放音频和视频文件。当我从一开始播放它时,它工作得很好。但当我寻找时,我可以看到音频和视频的延迟 这是我寻找音频和视频的代码 //sikAudio(msec); if(media播放器!=null) { // 没有直播流,如果(medialayer.get持续时间() }