Dash-Industry-Forum / dash-video-element

Licence: MIT license

A custom element (web component) for playing DASH (Dynamic Adaptive Streaming over Http) videos.

Programming Languages

javascript

184084 projects - #8 most used programming language

HTML

75241 projects

Projects that are alternatives of or similar to dash-video-element

P2p Media Loader

An open-source engine for P2P streaming of live and on demand video directly in a web browser HTML page

Stars: ✭ 822 (+6750%)

Mutual labels: player, dash

Vime

Customizable, extensible, accessible and framework agnostic media player. Modern alternative to Video.js and Plyr. Supports HTML5, HLS, Dash, YouTube, Vimeo, Dailymotion...

Stars: ✭ 1,928 (+15966.67%)

Mutual labels: player, dash

Video.js

Video.js - open source HTML5 & Flash video player

Stars: ✭ 32,478 (+270550%)

Mutual labels: player, dash

React Player

A React component for playing a variety of URLs, including file paths, YouTube, Facebook, Twitch, SoundCloud, Streamable, Vimeo, Wistia and DailyMotion

Stars: ✭ 5,931 (+49325%)

Mutual labels: player, dash

Magicalexoplayer

The Easiest Way To Play/Stream Video And Audio Using Google ExoPlayer In Your Android Application

Stars: ✭ 171 (+1325%)

Mutual labels: player, dash

Clappr

🎬 An extensible media player for the web.

Stars: ✭ 5,436 (+45200%)

Mutual labels: player, dash

U2web

stream video with p2p

Stars: ✭ 97 (+708.33%)

Mutual labels: player, dash

abr-player

📼 Adaptive Streaming Test Player

Stars: ✭ 13 (+8.33%)

Mutual labels: player, dash

P2p Cdn Sdk Javascript

Free p2p cdn github javascript sdk to reduce video streaming costs of live and on demand video using webrtc by upto 90% and improve scalability by 6x - 🚀 Vadootv 🚀

Stars: ✭ 158 (+1216.67%)

Mutual labels: player, dash

Dplayer

🍭 Wow, such a lovely HTML5 danmaku video player

Stars: ✭ 12,101 (+100741.67%)

Mutual labels: player, dash

Xgplayer

A HTML5 video player with a parser that saves traffic

Stars: ✭ 4,792 (+39833.33%)

Mutual labels: player, dash

nsplayer

A web player with shakaplayer & hls.js both supported

Stars: ✭ 23 (+91.67%)

Mutual labels: player, dash

Awesome Video

A curated list of awesome streaming video tools, frameworks, libraries, and learning resources.

Stars: ✭ 397 (+3208.33%)

Mutual labels: player, dash

Rx Player

DASH/Smooth HTML5 Video Player

Stars: ✭ 600 (+4900%)

Mutual labels: player, dash

Openplayerjs

Lightweight HTML5 video/audio player with smooth controls and ability to play VAST/VPAID/VMAP ads

Stars: ✭ 255 (+2025%)

Mutual labels: player, dash

Nexplayer unity plugin

Stream videos in HLS & DASH with Widevine DRM using NexPlayer Video Streaming Player SDK for Unity on Android & iOS devices

Stars: ✭ 73 (+508.33%)

Mutual labels: player, dash

p2p-cdn-sdk-android

Free p2p cdn android github sdk to reduce video streaming costs of live and on demand video using webrtc by upto 90% and improve scalability by 6x - 🚀 Vadootv 🚀

Stars: ✭ 39 (+225%)

Mutual labels: player, dash

Html5 Dash Hls Rtmp

🌻 HTML5播放器、M3U8直播/点播、RTMP直播、低延迟、推流/播流地址鉴权

Stars: ✭ 1,805 (+14941.67%)

Mutual labels: player, dash

shaka-player-react

A simple React component wrapper for shaka-player

Stars: ✭ 79 (+558.33%)

Mutual labels: player, dash

bigscreen-player

Simplified media playback for bigscreen devices

Stars: ✭ 62 (+416.67%)

Mutual labels: player, dash

View All Similar Projects ➔

`<dash-video>`

A custom element (web component) for playing DASH (Dynamic Adaptive Streaming over HTTP) videos.

The element API matches the HTML5 <video> tag, so it can be easily swapped with other media, and be compatible with other UI components that work with the video tag.

Built with dash.js.

Originally developed by Mux. Thanks to Steve Heffernan for the original work and contribution.

Example

<html>
<head>
  <script type="module" src="https://unpkg.com/dash-video-element@0"></script>
</head>
<body>

  <dash-video controls src="https://dash.akamaized.net/akamai/bbb_30fps/bbb_30fps.mpd"></dash-video>

</body>
</html>

Installing

<dash-video> is packaged as a javascript module (es6) only, which is supported by all evergreen browsers and Node v12+.

Loading into your HTML using `<script>`

Note the type="module", that's important.

Modules are always loaded asynchronously by the browser, so it's ok to load them in the head 👍, and best for registering web components quickly.

<head>
  <script type="module" src="https://unpkg.com/dash-video-element@0"></script>
</head>

Adding to your app via `npm`

npm install dash-video-element --save

Or yarn

yarn add dash-video-element

Include in your app javascript (e.g. src/App.js)

import 'dash-video-element';

This will register the custom elements with the browser so they can be used as HTML.

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].

Cheap and reliable Node.js hosting starts at $3/month, and $1/month static HTML hosting

Dash-Industry-Forum / dash-video-element

Programming Languages

Labels

Projects that are alternatives of or similar to dash-video-element

`<dash-video>`

Example

Installing

Loading into your HTML using `<script>`

Adding to your app via `npm`

Cheap and reliable Node.js hosting starts at $3/month, and $1/month static HTML hosting

Dash-Industry-Forum / dash-video-element

Programming Languages

Labels

Projects that are alternatives of or similar to dash-video-element

<dash-video>

Example

Installing

Loading into your HTML using <script>

Adding to your app via npm

`<dash-video>`

Loading into your HTML using `<script>`

Adding to your app via `npm`