Skip to content

Latest commit

 

History

History

04_interactive

Folders and files

NameName
Last commit message
Last commit date

parent directory

..
 
 
 
 
 
 
 
 
 
 

媒体交互

媒体内容为用户提供了越来越丰富交互的形式。在这一章节中,我们将来看看如何在 Web 应用中使用媒体内容,并借助 Web 技术提供更好的媒体交互体验。

目录

参考资料

开源技术

  • video.js : A web video player built from the ground up for an HTML5 world.
  • flv.js : An HTML5 Flash Video (FLV) Player written in pure JavaScript without Flash.
  • Plyr : a simple, lightweight, accessible and customizable HTML5, YouTube and Vimeo media player that supports modern browsers.
  • DPlayer : 一个可爱的 HTML5 弹幕视频播放器
  • hls.js : JavaScript HLS client using Media Source Extension
  • MediaElement.js : HTML5 <audio> or <video> player with support for MP4, WebM, and MP3 as well as HLS, Dash, YouTube, Facebook, SoundCloud and others with a common HTML5 MediaElement API, enabling a consistent UI in all browsers.
  • Shaka Player : JavaScript player library / DASH & HLS client / MSE-EME player
  • xgplayer: 西瓜播放器是一个Web视频播放器类库,它本着一切都是组件化的原则设计了独立可拆卸的 UI 组件。
  • dash.js : A reference client implementation for the playback of MPEG DASH via Javascript and compliant browsers.
  • Chimee : H5 播放器,它支持 mp4、m3u8、flv 等多种格式。通过插件式开发,能满足业务方快速迭代、灰度发布等要求。让开发者能够轻松快捷地完成视频场景的开发。

React Components:

  • ReactPlayer : A React component for playing a variety of URLs, including file paths, YouTube, Facebook, Twitch, SoundCloud, Streamable, Vimeo, Wistia and DailyMotion
  • video-react : A web video player built for the HTML5 world using React library.

HEVC Player:

  • WasmVideoPlayer : Play file/stream with wasm & webgl & web audio api, using ffmpeg for multi codec support, especially for h265,support http, websocket, http-flv stream.
  • goldvideo : 一套完整的 Web 版 H.265 播放器解决方案,非常适合学习交流和实际应用。基于 JS 码流解封装、WebAssembly(FFmpeg) 视频解码,利用 Canvas 画布投影、AudioContext 播放音频。
  • libde265.js : JavaScript-only version of libde265 HEVC/H.265 decoder.
  • h265web.js : H.265/HEVC Web直播/点播 Player。

商业化方案

相关文章