媒体内容为用户提供了越来越丰富交互的形式。在这一章节中,我们将来看看如何在 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。
- FlowPlayer: The Performance First Online Video Platform
- TheoPlayer: Universal Video Player solution
- Bitmovin Player: Deliver high quality video everywhere
- JW Player: A complete video platform