Fix error message if video cannot be loaded

This commit is contained in:
bytedream 2022-07-22 13:55:03 +02:00
parent 817f5b82f9
commit 81da6600e6
2 changed files with 7 additions and 7 deletions

View File

@ -8,8 +8,8 @@
</head> </head>
<body> <body>
<video id="video"></video> <video id="video"></video>
<div id="message-container"> <div id="message-container" hidden>
<p id="message" hidden></p> <p id="message"></p>
</div> </div>
</body> </body>
</html> </html>

View File

@ -3,7 +3,7 @@ import {Match, matches, Reliability} from "../../match/matches";
import Hls from "hls.js"; import Hls from "hls.js";
function show_message(message: string) { function show_message(message: string) {
document.getElementById('message').innerText = message document.getElementById('message').innerHTML = message
document.getElementById('message-container').hidden = false document.getElementById('message-container').hidden = false
document.getElementById('video').hidden = true document.getElementById('video').hidden = true
} }
@ -48,13 +48,13 @@ async function play_hls(url: string, match: Match) {
message = `The reliability for this domain is normal, errors like this can occur but are not very common. Try to refresh the page` message = `The reliability for this domain is normal, errors like this can occur but are not very common. Try to refresh the page`
break break
case Reliability.HIGH: case Reliability.HIGH:
message = `The reliability for this domains is high, errors like this are very unlikely to happen. message = `The reliability for this domains is high, errors like this are very unlikely to happen.<br>
Try to refresh the page and if the error still exists you might want to open a new issue <a href="https://github.com/ByteDream/stream-bypass/issues/new">here</a>. Try to refresh the page and if the error still exists you might want to open a new issue <a href="https://github.com/ByteDream/stream-bypass/issues/new">here</a>.<br>
When you're using <a href="https://www.torproject.org/">Tor</a> such errors have a slight chance to occur more often, When you're using <a href="https://www.torproject.org/">Tor</a>, such errors have a slight chance to occur more often,
so if this is the case just try to reload the page and see if it's working then` so if this is the case just try to reload the page and see if it's working then`
break break
} }
show_message(`Could not load HLS video. ${message}`) show_message(`Could not load video. ${message}`)
} }
} else { } else {
show_message('Failed to play m3u8 video (hls is not supported). Try again or create a new issue <a href="https://github.com/ByteDream/stream-bypass/issues/new">here</a>') show_message('Failed to play m3u8 video (hls is not supported). Try again or create a new issue <a href="https://github.com/ByteDream/stream-bypass/issues/new">here</a>')