LogalDeveloper/owncast
0
Fork 0
Code Activity

Support local development of index.html

Browse Source
This commit is contained in:
Gabe Kangas
2020-06-02 18:37:05 -07:00
parent ad959b130b
commit a29852f404
2 changed files with 37 additions and 33 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
webroot/index.html
View File

@@ -24,6 +24,7 @@
autoplay autoplay
controls controls
style="width: 100%;" style="width: 100%;"
src="https://ia800300.us.archive.org/17/items/BigBuckBunny_124/Content/big_buck_bunny_720p_surround.mp4"
></video> ></video>
<div id="app"> <div id="app">
{{ streamStatus }} {{ viewerCount }} {{ 'viewer' | plural(viewerCount) }}. {{ streamStatus }} {{ viewerCount }} {{ 'viewer' | plural(viewerCount) }}.

11
webroot/js/app.js
View File

@@ -26,7 +26,7 @@ function setupApp() {
el: "#chatForm", el: "#chatForm",
data: { data: {
message: { message: {
author: localStorage.author || "Viewer" + (Math.floor(Math.random() * 42) + 1), author: "",//localStorage.author || "Viewer" + (Math.floor(Math.random() * 42) + 1),
body: "" body: ""
} }
}, },
@@ -47,7 +47,7 @@ function setupApp() {
async function getStatus() { async function getStatus() {
let url = "/status"; let url = "https://util.real-ity.com:8042/status";
try { try {
let response = await fetch(url); let response = await fetch(url);
@@ -67,7 +67,7 @@ async function getStatus() {
function setupWebsocket() { function setupWebsocket() {
const protocol = location.protocol == "https:" ? "wss" : "ws" const protocol = location.protocol == "https:" ? "wss" : "ws"
var ws = new WebSocket(protocol + "://" + location.host + "/entry") var ws = new WebSocket("wss://util.real-ity.com:8042/entry")
ws.onmessage = (e) => { ws.onmessage = (e) => {
var model = JSON.parse(e.data) var model = JSON.parse(e.data)
@@ -99,9 +99,10 @@ function setupWebsocket() {
setupApp() setupApp()
getStatus() getStatus()
setupWebsocket() setupWebsocket()
setInterval(getStatus, 5000) // setInterval(getStatus, 5000)
// HLS Video setup // HLS Video setup
function setupVideo() {
var video = document.getElementById("video") var video = document.getElementById("video")
var videoSrc = "hls/stream.m3u8" var videoSrc = "hls/stream.m3u8"
if (Hls.isSupported()) { if (Hls.isSupported()) {
@@ -112,6 +113,7 @@ if (Hls.isSupported()) {
video.play() video.play()
}); });
} }
// hls.js is not supported on platforms that do not have Media Source // hls.js is not supported on platforms that do not have Media Source
// Extensions (MSE) enabled. // Extensions (MSE) enabled.
// //
@@ -131,6 +133,7 @@ else if (video.canPlayType("application/vnd.apple.mpegurl")) {
video.play() video.play()
}); });
} }
}
function scrollSmoothToBottom(id) { function scrollSmoothToBottom(id) {
var div = document.getElementById(id) var div = document.getElementById(id)