-
Notifications
You must be signed in to change notification settings - Fork 1
/
video.html
214 lines (210 loc) · 12.7 KB
/
video.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<title>Sasalele M3U8 Video Streams Player</title>
<meta name="robots" content="index, max-snippet:-1, max-image-preview:large, max-video-preview:-1">
<meta name="Keywords"
content="m3u8 streams, live streaming, IPTV, HLS, live TV, streaming media, m3u8 playlist, Japanese movies online, HLS streams">
<meta name="description"
content="Watch Japanese news, movies, and live TV with m3u8 streams. Enjoy seamless streaming experiences with our extensive collection of streams and live broadcasts.">
<link rel="canonical" href="https://basic.pp.ua/video.html">
<meta property="og:type" content="website">
<meta property="og:title" content="Sasalele M3U8 Video Streams Player">
<meta property="og:url" content="https://basic.pp.ua/video.html">
<meta property="og:site_name" content="Sasalele M3U8 Video Streams Player">
<script type="application/ld+json">{
"@context": "https://schema.org",
"@type": "WebSite",
"name": "Sasalele M3U8 Video Streams Player",
"url": "https://basic.pp.ua/video.html"
}
</script>
<link rel="icon" href="assets/sasalele_logo-removebg.webp" type="image/x-icon" />
<link rel="apple-touch-icon" href="assets/sasalele_logo-removebg.webp">
<link rel="shortcut icon" href="assets/sasalele_logo-removebg.webp" type="image/x-icon" />
<link rel="stylesheet" href="css/style.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.12.9/dist/umd/popper.min.js"></script>
<link rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-v4-rtl/4.6.2-1/css/bootstrap.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-v4-rtl/4.6.2-1/js/bootstrap.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/hls.js@latest" type="text/javascript"></script>
<link rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/fontawesome.min.css" />
<script src="https://kit.fontawesome.com/9e5ba2e3f5.js"></script>
</head>
<body>
<nav class="navbar sticky-top navbar-dark navbar-expand-md">
<a class="navbar-brand" href="https://basic.pp.ua/"><img class="" src="assets/sasalele_logo-removebg.webp"
width="auto" height="32"></a>
<div class="navbar-text d-flex justify-content-center align-items-center text-white">Sasalele Music Station
</div>
<button class="navbar-toggler navbar-dark" type="button" data-toggle="collapse"
data-target="#main-navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="main-navigation">
<ul class="navbar-nav">
<li class="nav-item"><a class="nav-link" href="index.html">Radios<i class="fas fa-radio"></i></a>
</li>
<li class="nav-item dropdown"><a class="dropdown-toggle nav-link" data-toggle="dropdown"
aria-expanded="false" href="#">Websites<i class="fa-fw fas fa-link"></i></a>
<div class="dropdown-menu">
<a class="dropdown-item" href="website.html#radiohere">Radio
Websites <i class="fas fa-tower-broadcast"></i></a>
<a class="dropdown-item" href="website.html#radiojppodcast">Japanese
Radios/Podcasts <i class="fas fa-podcast"></i></a>
<div class="dropdown-divider"></div>
<a class="dropdown-item" href="website.html#websitehere">Music
Sites <i class="fas fa-headset"></i></a>
<div class="dropdown-divider"></div>
<a class="dropdown-item" href="website.html#scrap">Download / Tools <i
class="fas fa-download"></i></a>
</div>
</li>
<li class="nav-item"><a class="nav-link" href="#">Videos<i class="fas fa-video"></i></a>
</li>
<li class="nav-item"><a class="nav-link" href="drive.html">Drive Music Player<i
class="fa-brands fa-google-drive"></i></a></li>
<div class="d-flex justify-content-center align-items-center">
<div id="clock">
<span id="clockTime"></span>
<span id="clockDay"></span>
</div>
</div>
</ul>
</div>
</nav>
<div id="background"><img id="randomimg" src="" alt="."></div>
<div id="content">
<section id="videos">
<div class="section-title">
<h1>Videos</h1>
</div>
<div class="container-fluid">
<div class="row d-flex justify-content-center">
<div class="col-md-10">
<div class="input-group mb-3">
<input type="text" id="m3uURL" class="form-control" placeholder="Enter M3U8 URL">
<div class="input-group-append">
<button id="loadM3U" class="btn btn-primary btn-go">Go</button>
</div>
</div>
</div>
</div>
</div>
<div class="container mt-1">
<div class="row">
<div class="col-lg-8">
<div id="vplayer" class="container mb-3">
<h6 id="selected-video-title" class="text-light p-2"></h6>
<video id="video-player" src="" type="video/mp4" class="w-100" controls
autoplay></video>
</div>
</div>
<div class="col-lg-4 mb-1">
<div class="d-flex justify-content-center mb-1">
<div class="dropdown">
<button type="button" class="btn btn-info dropdown-toggle" data-toggle="dropdown"
aria-expanded="false">
<i class="fa fa-bars"></i> Streams
</button>
<div class="dropdown-menu">
<a href="" class="genre-link" data-genre="full">All Mix</a>
<a href="" class="genre-link" data-genre="jpvideos">Japan Mix</a>
<a href="" class="genre-link" data-genre="lg">LG Channels</a>
<a href="" class="genre-link" data-genre="roku">Roku</a>
<a href="" class="genre-link" data-genre="tablo">Tablo</a>
<a href="" class="genre-link" data-genre="xiaomi">Xiaomi</a>
<a href="" class="genre-link" data-genre="xumo">Xumo</a>
<a href="" class="genre-link" data-genre="douyu">Douyu</a>
<div class="dropdown-divider"></div>
<a href="" class="genre-link" data-genre="cloud">Cloud Videos</a>
</div>
</div>
<div id="genre-info" class="ml-auto mb-2">
<strong><span id="genre-name"></span></strong>
<strong>(<span id="channel-count"></span>)</strong>
</div>
</div>
<div class="input-group mb-2 w-100">
<input type="text" id="searchChannel" class="form-control" placeholder="Search Channel">
</div>
<div id="video-list" class="list-group w-100"></div>
</div>
</div>
</div>
<div class="container">
<div class="alert alert-info mt-4" role="alert">
<strong>Disclaimer:</strong> All the resources provided on this page are collected from various
sources on the
internet. If you encounter any playback issues, it may be due to the proxy used by this site
reaching its request
limit. While
it's unlikely due to low traffic, other factors like stream availability or geo-restrictions
could
be the cause.
Consider using a VPN if needed.
</div>
<div id="accordion">
<div class="card">
<div class="card-header">
<a class="card-link" data-toggle="collapse" href="#collapseOne">
What is M3U8 link?
</a>
</div>
<div id="collapseOne" class="collapse" data-parent="#accordion">
<div class="card-body">
<p>M3U8 is a playlist format used by various audio and video playback programs, it
contains
a
path
or URL to
a media
file or folder of media files, along with information about the playlist. This
player
downloads
the
video
specified in the M3U8 file and plays within your browser. To get started:</p>
<ul>
<li>Paste a M3U8 URL into the above input box</li>
<li>Click the "Go" button.</li>
</ul>
</div>
</div>
</div>
<div class="card">
<div class="card-header">
<a class="collapsed card-link" data-toggle="collapse" href="#collapseTwo">
What is HLS?
</a>
</div>
<div id="collapseTwo" class="collapse" data-parent="#accordion">
<div class="card-body">
<p>HLS stands for HTTP Live Streaming. It's an HTTP-based media streaming
communications
protocol
implemented by
Apple Inc. It works by breaking the overall stream into a sequence of small file
downloads,
each
download
loading one short chunk of an overall potentially unbounded transport stream.
</p>
<p>HLS streams are usually described using M3U8 playlist.</p>
</div>
</div>
</div>
</div>
</div>
</section>
</div>
<div class="back-to-top d-flex align-items-center justify-content-center"><i class="fa-solid fa-arrow-up"></i>
</div>
<script src="js/stats.js"></script>
<script src="js/m3u8video.js"></script>
</body>
</html>