All-In Videoplayer

A HTML5 customElement which extends the classic HTML5 Video Element.

HLS, DASH and RTMP with just with one script import.

Formats

• All default Videoelement Formats
• HLS by hls.js
• RTMP over WSS by WebRTMP
• DASH by dash.js

Demo

https://bunkertv.org/avideo/index.html

Getting started

<script type="text/javascript" src="dist/avideo.js"></script>

<video controls loop autoplay is="very-cool" id="output"></video>

<button onclick="play('https://bunkertv.org/css/logo_neu.mp4')">Play Mp4</button><br>
<button onclick="play('https://bunkertv.org/hls/fab5bc692e71e17fba34e92d47e64fd0.m3u8')">Play HLS</button><br>
<button onclick="play('rtmp://bunkertv.org:9001/demo/livetest')">Play RTMP</button><br>
<button onclick="play('https://bunkertv.org/demo/livetest.mpd')">Play DASH</button><br>

<script>
    const output = document.getElementById("output");

    function play(url){
        output.playURL(url);
    }    
</script>

State

proof-of-concept