diff options
| -rw-r--r-- | templates/themes/stream/stream.html | 52 |
1 files changed, 37 insertions, 15 deletions
diff --git a/templates/themes/stream/stream.html b/templates/themes/stream/stream.html index 2c6b66e3..89d31f8c 100644 --- a/templates/themes/stream/stream.html +++ b/templates/themes/stream/stream.html @@ -20,6 +20,7 @@ var active_page = "stream"; <script type="text/javascript"> $(document).ready(function(){ check_status(); + $('#format').trigger('change'); setInterval(check_status, 15000); }); @@ -45,31 +46,52 @@ if (typeof sd !== 'undefined') { } }); } + function change_format(e) { $(document).ready(function(){ - let media = document.getElementById("my-video_html5_api"); + let media = document.getElementById("my-video"); let paused = media.paused; format = e.value; - + var datasetup; + if(videojs.getPlayers()["my-video"]) { + delete videojs.getPlayers()["my-video"]; + } if (format === "hls"){ - media.src ="{{ settings.hlsurl }}"; - media.src.type = "application/x-mpegURL"; + datasetup = {"example_option": true, "techOrder": ["html5","flash"],"fluid": true }; } else if (format === "ogg"){ - media.src = "{{ settings.ogvurl }}"; - media.src.type = "video/ogg"; + datasetup = {"example_option": true, "techOrder": ["html5","flash"],"fluid": true }; } else if (format === "rtmp"){ - media.src = "{{ settings.rtmpvideojsurl }}"; - media.src.type = "rtmp/mp4"; + datasetup = {"example_option": true, "techOrder": ["flash"],"fluid": true }; } - videojs('my-video'); - media.load(); - if(!paused) { - media.play(); - } + var myvideo = videojs("my-video", datasetup , function(){ + console.log("loaded"); + + }); + var myvideo; + if (format === "hls"){ + myvideo = $("#my-video_html5_api"); + myvideo.src ="{{ settings.hlsurl }}"; + myvideo.src.type = "application/vnd.apple.mpegurl"; + } + else if (format === "ogg"){ + myvideo = $("#my-video_html5_api"); + myvideo.src = "{{ settings.ogvurl }}"; + myvideo.src.type = "video/ogg"; + } + else if (format === "rtmp"){ + myvideo = $("#my-video"); + myvideo.src = "{{ settings.rtmpvideojsurl }}"; + myvideo.src.type = "rtmp/mp4"; + } + myvideo.load(); + if(!paused) { + myvideo.play(); + } + check_status(); }); @@ -89,11 +111,11 @@ function change_format(e) { <div> <!-- data-setup='{ "example_option": true, "techOrder": ["html5","flash"],"fluid": true} --> <div id="box" width="100%"> - <video id="my-video" class="video-js vjs-big-play-centered vjs-default-skin" height="264" width="640" controls preload="auto" poster="https://lainchan.org/static/lain_is_cute_datass_small.png" data-setup='{ "example_option": true, "techOrder": ["html5","flash"],"fluid": true}' > + <video id="my-video" class="video-js vjs-big-play-centered vjs-default-skin" height="264" width="640" controls preload="auto" poster="https://lainchan.org/static/lain_is_cute_datass_small.png" > {% set formatlist = settings.formats|split(' ') %} {% for format in formatlist %} {% if format == "hls" %} - <source id="hlssource" src="{{ settings.hlsurl }}" type="application/x-mpegURL"> + <source id="hlssource" src="{{ settings.hlsurl }}" type="application/vnd.apple.mpegurl"> {% elseif format == "ogg" %} <source id="oggsource" src="{{ settings.ogvurl }}" type="video/ogg"> {% elseif format == "rtmp" %} |