mirrors/stream-bypass
1
0
Fork 0
mirror of https://github.com/bytedream/stream-bypass.git synced 2025-05-11 13:15:13 +02:00
Code Issues Packages Projects Releases Wiki Activity

Center hls error message

Browse Source
This commit is contained in:
bytedream 2022-06-16 19:17:44 +02:00
parent f48adc3db3
commit 27c03c0b5b
3 changed files with 14 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/ui/hls/hls.html
View File

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

12
src/ui/hls/hls.sass
View File

@ -11,6 +11,12 @@ video
top: 0 top: 0
left: 0 left: 0
#message #message-container
color: white display: flex
text-align: center justify-content: center
align-items: center
height: 100%
#message
color: white
text-align: center

5
src/ui/hls/hls.ts
View File

@ -3,9 +3,8 @@ import {matches, Reliability} from "../../match/match";
import Hls from "hls.js"; import Hls from "hls.js";
function show_message(message: string) { function show_message(message: string) {
const messageElement = document.getElementById('message') as HTMLParagraphElement document.getElementById('message').innerText = message
messageElement.innerText = message document.getElementById('message-container').hidden = false
messageElement.hidden = false
document.getElementById('video').hidden = true document.getElementById('video').hidden = true
} }