Bluemedia/nginx-live
1
0
Fork 0
mirror of https://github.com/BluemediaDev/nginx-live.git synced 2025-05-02 18:01:35 +02:00
Code Issues Projects Releases Packages 1 Wiki Activity

Initial commit

Browse source
This commit is contained in:
Oliver Traber 2021-06-02 23:25:21 +02:00
commit de4c9fa992
Signed by: Bluemedia
GPG key ID: C7BA47275B086E2C
9 changed files with 1500 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

BIN
frontend/assets/backdrop.jpg Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 104 KiB

24
frontend/assets/css/style.css Normal file
View file

@ -0,0 +1,24 @@
body{
margin: 0;
font-family: sans-serif;
}
.container{
max-width: 1400px;
margin: 0 10px;
}
@media (min-width: 1024px) {
.container{
width: 70%;
margin: 0 auto;
}
}
#player > [data-player] {
padding-bottom: 56.25%;
height: auto !important;
}
#player > .fullscreen[data-player] {
padding-bottom: 0;
height: 100% !important;
}

BIN
frontend/assets/favicon.ico Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 15 KiB

1144
frontend/assets/js/player.js Normal file
View file

File diff suppressed because one or more lines are too long

36
frontend/index.html Normal file
View file

@ -0,0 +1,36 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Livestream</title>
<link rel="icon" href="assets/favicon.ico">
<link rel="stylesheet" href="assets/css/style.css">
</head>
<body>
<div class="container">
<h1>Start watching</h1>
<p>Click on the play button to start watching. If you see an error, the stream is not live yet. In this case, try again a little later.</p>
<div id="player"></div>
</div>
</body>
<script src="assets/js/player.js"></script>
<script>
// expose Clappr to load additional plugins
window.Clappr = window.VOCPlayer
</script>
<script>
new VOCPlayer.Player({
//** Standard clappr.io Options **
// Use custom source
sources: ["hls/live.m3u8"],
// Set a custom poster
poster: "assets/backdrop.jpg",
// Assign parent by id
parentId: "#player"
})
</script>
</html>