This commit is contained in:
Korbs 2023-11-09 00:47:48 -05:00
parent 548eb0460e
commit 0ee31030d2
No known key found for this signature in database
9 changed files with 771 additions and 47 deletions

View file

@ -1,6 +1,6 @@
{
"name": "plyx-player",
"version": "0.1.12",
"version": "0.1.3",
"description": "Custom player for HTML5",
"author": "sudovanilla",
"license": "AGPL-3.0-or-later",

View file

@ -38,38 +38,45 @@ function AddDialogs() {
}
function AddControls() {
var add_controls = `
<div oncontextmenu="return false" class="plyx-player-controls">
<div class="row-2">
<div class="video-progress">
<progress id="progress-bar" value="0" min="0"></progress>
<input class="seek" id="seek" value="0" min="0" type="range" step="1">
<div class="seek-tooltip" id="seek-tooltip">00:00</div>
</div>
</div>
<div class="row-1">
<div class="row-1-start">
<button id="play-pause"><i class="fa-solid fa-play"></i></button>
<button id="skip-back"><i class="fa-solid fa-arrow-rotate-left"></i></button>
<button id="skip-forth"><i class="fa-solid fa-arrow-rotate-right"></i></button>
<div class="volume-controls">
<button data-title="Mute (m)" class="volume-button" id="volume-button"><i class="fa-solid fa-volume-high"></i></button>
<input class="volume" id="volume" value="1" type="range" max="1" min="0" step="0.01">
if (video.getAttribute('layout') === 'default') {
var add_controls = `
<div oncontextmenu="return false" class="plyx-player-controls">
<div class="row-2">
<div class="video-progress">
<progress id="progress-bar" value="0" min="0"></progress>
<input class="seek" id="seek" value="0" min="0" type="range" step="1">
<div class="seek-tooltip" id="seek-tooltip">00:00</div>
</div>
</div>
<div class="row-1-end">
<div class="time">
<time id="time-elapsed">00:00</time>
<span> / </span>
<time id="duration">00:00</time>
<div class="row-1">
<div class="row-1-start">
<button id="play-pause"><i class="fa-solid fa-play"></i></button>
<button id="skip-back"><i class="fa-solid fa-arrow-rotate-left"></i></button>
<button id="skip-forth"><i class="fa-solid fa-arrow-rotate-right"></i></button>
<div class="volume-controls">
<button data-title="Mute (m)" class="volume-button" id="volume-button"><i class="fa-solid fa-volume-high"></i></button>
<input class="volume" id="volume" value="1" type="range" max="1" min="0" step="0.01">
</div>
</div>
<div class="row-1-end">
<div class="time">
<time id="time-elapsed">00:00</time>
<span> / </span>
<time id="duration">00:00</time>
</div>
<button id="fullscreen"><i class="fa-solid fa-expand"></i></button>
</div>
<button id="fullscreen"><i class="fa-solid fa-expand"></i></button>
</div>
</div>
</div>
`
`
}
else if (video.getAttribute('layout') === 'custom') {
var add_controls = custom_controls
}
video.insertAdjacentHTML("afterend", add_controls)
video.setAttribute("oncontextmenu", "return false")
// video.setAttribute("oncontextmenu", "return false")
}
function Util() {

File diff suppressed because one or more lines are too long

View file

@ -14,7 +14,7 @@ $background-color_4: rgba(255, 255, 255, 0.1);
}
.plyx-context-menu {
background: linear-gradient( 45deg, rgb(10, 20, 28) 0%, rgba(10, 20, 28, 0.7) 100% );
background: linear-gradient( 45deg, rgb(10, 20, 28) 0%, rgba(10, 20, 28, 1) 100% );
border-radius: 6px;
border: 1px rgba(255, 255, 255, 0.08) solid;
ul {

350
test/English.vtt Normal file
View file

@ -0,0 +1,350 @@
WEBVTT
00:00:00.650 --> 00:00:03.030
[music]
00:00:03.030 --> 00:00:05.220
[applause]
00:00:05.220 --> 00:00:13.880
[music] [
00:00:17.060 --> 00:00:20.750
music]
00:00:20.750 --> 00:00:21.930
bye [
00:00:21.930 --> 00:00:24.430
music]
00:00:24.430 --> 00:00:26.460
00:00:36.720 --> 00:00:40.380
why worry, Im on the mattress
00:00:40.380 --> 00:00:41.540
[music]
00:00:41.540 --> 00:00:43.040
[applause] [
00:00:43.040 --> 00:00:46.180
music]
00:00:47.340 --> 00:00:51.030
this doesnt happen here
00:00:56.340 --> 00:00:59.479
[music]
00:01:01.260 --> 00:01:04.479
now if she grabs you she wont
00:01:04.479 --> 00:01:08.130
catch up with me she ki shes old,
00:01:08.130 --> 00:01:11.220
look at
00:01:13.110 --> 00:01:15.720
you,
00:01:15.720 --> 00:01:18.370
Im buying you myself now
00:01:18.370 --> 00:01:21.579
[music]
00:01:30.750 --> 00:01:33.970
what kind of a mess do you have here, it looks like were on
00:01:33.970 --> 00:01:36.790
that full mom, okay, something came
00:01:36.790 --> 00:01:40.090
and all the water came through the door, youre like, and I almost
00:01:40.090 --> 00:01:43.420
drowned, okay, I need to get ready for
00:01:43.420 --> 00:01:45.939
grandma's arrival and when you've tidied up,
00:01:45.939 --> 00:01:48.430
play some quiet game
00:01:48.430 --> 00:01:51.460
okay mom, we'll clean everything up now and wo
00:01:51.460 --> 00:01:53.259
n't do this again by the way, have you seen
00:01:53.259 --> 00:01:55.730
grandma's soft slippers
00:01:55.730 --> 00:01:57.750
[music] haven't you seen it
00:01:57.750 --> 00:02:01.850
in years? I
00:02:01.850 --> 00:02:05.460
don't want to play a quieter game, how boring is it
00:02:05.460 --> 00:02:09.179
mom? she said it means we need
00:02:09.179 --> 00:02:12.000
to help and not upset her,
00:02:12.000 --> 00:02:14.970
I know one interesting calm game but
00:02:14.970 --> 00:02:18.570
what but but we will play it if only
00:02:18.570 --> 00:02:20.580
you swear not to tell anyone I
00:02:20.580 --> 00:02:23.700
swear why cant you
00:02:23.700 --> 00:02:25.320
tell anyone because
00:02:25.320 --> 00:02:28.410
boys dont play such games like this
00:02:28.410 --> 00:02:32.450
how is it considered that she is girly, what is it like
00:02:32.450 --> 00:02:36.720
for girls, what happens Igor
00:02:36.720 --> 00:02:39.360
especially for girls, this was
00:02:39.360 --> 00:02:42.209
lying around, I didnt notice before that in the
00:02:42.209 --> 00:02:44.630
girls plan, she will see the light
00:02:44.630 --> 00:02:55.130
[music]
00:02:55.130 --> 00:02:58.890
she ki, dont break the childrens bed, otherwise where
00:02:58.890 --> 00:03:01.380
will your brothers sleep and please
00:03:01.380 --> 00:03:05.930
sit down for dinner Weve been calling you for a long time, something
00:03:07.340 --> 00:03:09.860
useful,
00:03:09.860 --> 00:03:12.780
but its more reliable, baby, you can
00:03:12.780 --> 00:03:15.090
order another dish, no, whatever they
00:03:15.090 --> 00:03:19.200
ve prepared, eat it for me, but its better that
00:03:19.200 --> 00:03:21.390
Ill be a dad, who work like this all my life as a
00:03:21.390 --> 00:03:23.600
child and a
00:03:23.600 --> 00:03:26.150
dad,
00:03:26.150 --> 00:03:29.730
the most useful ones for you go to this chicane, it
00:03:29.730 --> 00:03:33.330
contains a lot of vitamin C and vitamin to
00:03:33.330 --> 00:03:38.030
vitamin A and bubbles or nuts that the
00:03:38.030 --> 00:03:40.380
need to run around is all
00:03:40.380 --> 00:03:43.260
wrong in the newspaper its written mom didnt
00:03:43.260 --> 00:03:45.830
00:03:45.830 --> 00:03:49.710
come up with it myself and now its time for the kids to go to bed
00:03:49.710 --> 00:03:58.790
[music]
00:03:58.790 --> 00:04:02.220
dad who puts the kids to bed like that,
00:04:02.220 --> 00:04:05.910
theyll have a concussion duo and I
00:04:05.910 --> 00:04:09.390
think they like it what kind of friend is the media of the same
00:04:09.390 --> 00:04:11.910
soul where are all the children who should you play with
00:04:11.910 --> 00:04:13.730
dear
00:04:13.730 --> 00:04:16.500
ladies let's go visit our neighbors
00:04:16.500 --> 00:04:20.190
there will probably be a couple of kids there it's
00:04:20.190 --> 00:04:22.440
good that the children fell asleep and mom didn't say
00:04:22.440 --> 00:04:24.540
finally we can have a cup of
00:04:24.540 --> 00:04:26.900
coffee
00:04:28.350 --> 00:04:35.839
[music]
00:04:38.090 --> 00:04:40.520
no
00:04:40.520 --> 00:04:44.310
it's yours and not a hat hat yeah but a
00:04:44.310 --> 00:04:45.150
hat
00:04:45.150 --> 00:04:47.000
[music] got it
00:04:47.000 --> 00:04:50.330
win
00:04:50.330 --> 00:04:53.840
watching the cars you
00:04:53.840 --> 00:04:57.210
ll say its also girly and you try sewing a
00:04:57.210 --> 00:05:00.720
telegraph yourself a real mans job yes yes the
00:05:00.720 --> 00:05:04.169
girls cant do it so you know how to
00:05:04.169 --> 00:05:05.720
sew yourself
00:05:05.720 --> 00:05:08.900
[music]
00:05:08.900 --> 00:05:11.730
writing they just came to play with you and
00:05:11.730 --> 00:05:14.430
you later come in, our children are sleeping under the
00:05:14.430 --> 00:05:18.200
cup, well, let it be yours, but its quiet,
00:05:18.200 --> 00:05:21.090
why is it quiet, lets wake up
00:05:21.090 --> 00:05:23.250
your game and they will play loudly together,
00:05:23.250 --> 00:05:26.570
but they just fell asleep,
00:05:26.570 --> 00:05:30.210
its you boys and girls, its our
00:05:30.210 --> 00:05:32.090
twins,
00:05:32.090 --> 00:05:35.870
why did anyone drink something important, its that they have a
00:05:35.870 --> 00:05:38.860
concussion brain happened
00:05:38.860 --> 00:05:41.660
useless of you parents for children
00:05:41.660 --> 00:05:45.250
ingots and it is necessary and you are sitting here drinking tea, its
00:05:45.250 --> 00:05:49.040
not true but a good family and not the
00:05:49.040 --> 00:05:50.380
best mother in the world
00:05:50.380 --> 00:05:53.860
[music]
00:05:53.860 --> 00:05:58.160
not me very much even without let me pour you
00:05:58.160 --> 00:06:01.220
some tea and jetta my couple
00:06:01.220 --> 00:06:04.580
will solve it when its time for me to go home, well, they are harmful
00:06:04.580 --> 00:06:06.790
,
00:06:10.640 --> 00:06:13.690
[music]
00:06:14.410 --> 00:06:17.830
well, thats it
00:06:21.310 --> 00:06:24.389
[music] [
00:06:28.690 --> 00:06:49.230
music]
00:06:49.230 --> 00:06:52.570
you guys have another flood, I
00:06:52.570 --> 00:06:56.910
let him out, sorry mom, he started
00:06:56.910 --> 00:06:59.860
saving our twins again,
00:06:59.860 --> 00:07:03.490
oh well done, what kind of grandmothers daddies found
00:07:03.490 --> 00:07:07.650
she just arrived
00:07:11.310 --> 00:07:14.540
[ music]
00:07:17.430 --> 00:07:18.940
boys
00:07:18.940 --> 00:07:39.520
[music]

352
test/Russian.vtt Normal file
View file

@ -0,0 +1,352 @@
WEBVTT
Kind: captions
Language: ru
00:00:00.650 --> 00:00:03.030
[музыка]
00:00:03.030 --> 00:00:05.220
[аплодисменты]
00:00:05.220 --> 00:00:17.060
[музыка]
00:00:17.060 --> 00:00:20.750
[музыка]
00:00:20.750 --> 00:00:21.930
пока
00:00:21.930 --> 00:00:24.430
[музыка]
00:00:24.430 --> 00:00:36.720
а
00:00:36.720 --> 00:00:40.380
чего волноваться то я же на матрасе
00:00:40.380 --> 00:00:41.540
[музыка]
00:00:41.540 --> 00:00:43.040
[аплодисменты]
00:00:43.040 --> 00:00:47.340
[музыка]
00:00:47.340 --> 00:00:56.340
тут такого не водится
00:00:56.340 --> 00:01:01.260
[музыка]
00:01:01.260 --> 00:01:04.479
сейчас как цапнет тебя она меня не
00:01:04.479 --> 00:01:08.130
догонит ей ки она же старая
00:01:08.130 --> 00:01:13.110
посмотри на
00:01:13.110 --> 00:01:15.720
тебе
00:01:15.720 --> 00:01:18.370
я тебя сам сейчас покупаю
00:01:18.370 --> 00:01:30.750
[музыка]
00:01:30.750 --> 00:01:33.970
что это у вас тут за беспорядок виду у
00:01:33.970 --> 00:01:36.790
нас по ту full мама хорошо что-то пришло
00:01:36.790 --> 00:01:40.090
и вся вода через дверь вы типа и я чуть
00:01:40.090 --> 00:01:43.420
не утонул ну ладно мне надо готовиться к
00:01:43.420 --> 00:01:45.939
приезду бабушки а вы когда приберетесь
00:01:45.939 --> 00:01:48.430
поиграйте в какую-нибудь спокойную игру
00:01:48.430 --> 00:01:51.460
хорошо мам мы сейчас все уберем и больше
00:01:51.460 --> 00:01:53.259
так не будем кстати вы не видели
00:01:53.259 --> 00:01:55.730
бабушкина мягкие тапочки
00:01:55.730 --> 00:01:57.750
[музыка]
00:01:57.750 --> 00:02:01.850
не лет не видели ли
00:02:01.850 --> 00:02:05.460
не хочу играть спокойнее игры скукотищу
00:02:05.460 --> 00:02:09.179
какая яки раз мама сказала значит надо
00:02:09.179 --> 00:02:12.000
сделать помогли и не расстраивать ее вот
00:02:12.000 --> 00:02:14.970
я знаю одну интересную спокойную игру но
00:02:14.970 --> 00:02:18.570
что но но мы в неё поиграем если только
00:02:18.570 --> 00:02:20.580
ты поклянешься никому они не
00:02:20.580 --> 00:02:23.700
рассказывать клянусь а почему нельзя
00:02:23.700 --> 00:02:25.320
никому рассказывать потому что а
00:02:25.320 --> 00:02:28.410
мальчишки в такие игры не играют как это
00:02:28.410 --> 00:02:32.450
вроде как считается что она девчачья
00:02:32.450 --> 00:02:36.720
какая ну для девочек что бывает игорь
00:02:36.720 --> 00:02:39.360
специально для девочек вот это было
00:02:39.360 --> 00:02:42.209
валяет его раньше не замечал что в плана
00:02:42.209 --> 00:02:44.630
девчачьи на свет увидит
00:02:44.630 --> 00:02:55.130
[музыка]
00:02:55.130 --> 00:02:58.890
ей ки не ломать детям кровать а то где
00:02:58.890 --> 00:03:01.380
будут спать твои братики и пожалуйста
00:03:01.380 --> 00:03:07.340
садись обедать мы тебя уже давно зовем
00:03:07.340 --> 00:03:09.860
полезное около
00:03:09.860 --> 00:03:12.780
но надёжней младенец вообще можно
00:03:12.780 --> 00:03:15.090
заказать другое блюдо нет что
00:03:15.090 --> 00:03:19.200
приготовили то и ешь мне да вот уж лучше
00:03:19.200 --> 00:03:21.390
я папой буду которые так всю жизнь
00:03:21.390 --> 00:03:23.600
ребенком работаю и
00:03:23.600 --> 00:03:26.150
папой
00:03:26.150 --> 00:03:29.730
самые полезные к вы идете это шикана
00:03:29.730 --> 00:03:33.330
много содержится витамин с и витамин к
00:03:33.330 --> 00:03:38.030
витамин а и пузырики или орешка что
00:03:38.030 --> 00:03:40.380
необходимость бегать по это все
00:03:40.380 --> 00:03:43.260
неправильно в газете написано мама не
00:03:43.260 --> 00:03:45.830
сам же я придумал а
00:03:45.830 --> 00:03:49.710
теперь малыши пора ложиться спать
00:03:49.710 --> 00:03:58.790
[музыка]
00:03:58.790 --> 00:04:02.220
папа кто же так детей спать укладывает у
00:04:02.220 --> 00:04:05.910
них же сотрясение мозга будет duo а я
00:04:05.910 --> 00:04:09.390
думаю нравится какая другу сми единой
00:04:09.390 --> 00:04:11.910
души где все дети с кем тебе поиграть
00:04:11.910 --> 00:04:13.730
милые
00:04:13.730 --> 00:04:16.500
дамы к зайдем в гости к нашим соседям
00:04:16.500 --> 00:04:20.190
там наверняка найдется пара детишек как
00:04:20.190 --> 00:04:22.440
хорошо что дети уснули и не говорила
00:04:22.440 --> 00:04:24.540
мама наконец-то можно выпить чашечку
00:04:24.540 --> 00:04:28.350
кофе
00:04:28.350 --> 00:04:38.090
[музыка]
00:04:38.090 --> 00:04:40.520
нет
00:04:40.520 --> 00:04:44.310
это у тебя и не шляпка шляпка ага а
00:04:44.310 --> 00:04:45.150
шляпка
00:04:45.150 --> 00:04:47.000
[музыка]
00:04:47.000 --> 00:04:50.330
поняла выиграть
00:04:50.330 --> 00:04:53.840
смотря машин
00:04:53.840 --> 00:04:57.210
скажешь тоже девчачью а ты попробуй сама
00:04:57.210 --> 00:05:00.720
сшей телеграф настоящая мужская работа
00:05:00.720 --> 00:05:04.169
да да девчонкам это не по силам вот ты
00:05:04.169 --> 00:05:05.720
сама шить на умеешь
00:05:05.720 --> 00:05:08.900
[музыка]
00:05:08.900 --> 00:05:11.730
написание к вам поиграть зашли просто а
00:05:11.730 --> 00:05:14.430
вы попозже заходите наши дети спят под
00:05:14.430 --> 00:05:18.200
cup ну и пусть она твоя играет но тихо
00:05:18.200 --> 00:05:21.090
почему это тихо давайте вы разбудите
00:05:21.090 --> 00:05:23.250
свои дичь и они вместе проиграет громко
00:05:23.250 --> 00:05:26.570
но они только уснули
00:05:26.570 --> 00:05:30.210
это у вас мальчики и девочки это у нас
00:05:30.210 --> 00:05:32.090
близнецы
00:05:32.090 --> 00:05:35.870
а почему любой выпили важный это у них
00:05:35.870 --> 00:05:38.860
сотрясение мозга случилось
00:05:38.860 --> 00:05:41.660
никудышные из вас родителей за детьми
00:05:41.660 --> 00:05:45.250
слитки и надо а вы тут сидите чай пьете
00:05:45.250 --> 00:05:49.040
неправда но хорошая семья а и не самая
00:05:49.040 --> 00:05:50.380
лучшая мама на свете
00:05:50.380 --> 00:05:53.860
[музыка]
00:05:53.860 --> 00:05:58.160
не я очень даже без давайте я вам чаю
00:05:58.160 --> 00:06:01.220
налью немного чай и jetta мой пара
00:06:01.220 --> 00:06:04.580
порешу когда мне домой пора ну и вредные
00:06:04.580 --> 00:06:10.640
,
00:06:10.640 --> 00:06:14.410
[музыка]
00:06:14.410 --> 00:06:21.310
ну все
00:06:21.310 --> 00:06:28.690
[музыка]
00:06:28.690 --> 00:06:49.230
[музыка]
00:06:49.230 --> 00:06:52.570
ребята у вас что опять потоп я же его
00:06:52.570 --> 00:06:56.910
выпустила прости мама он опять начался
00:06:56.910 --> 00:06:59.860
спасти и наших близнецов
00:06:59.860 --> 00:07:03.490
ай молодцы какие папочки бабушкины нашли
00:07:03.490 --> 00:07:11.310
она как раз только что приехала
00:07:11.310 --> 00:07:17.430
[музыка]
00:07:17.430 --> 00:07:18.940
мальчишки
00:07:18.940 --> 00:07:39.520
[музыка]

Binary file not shown.

View file

@ -1,23 +1,27 @@
<!DOCTYPE html>
<html>
<head>
<title>Plyx Player</title>
<link rel="stylesheet" href="/src/styles/app.css">
<script src="/src/index.js" type="module"></script>
<script src="/src/icons/fa-kit/js/all.js" crossorigin="anonymous"></script>
</head>
<body>
<p>Plyx Player <span>By SudoVanilla</span></p>
<div class="video-container">
<video class="plyx-player" src="ennie yoyki completo-S50_Iv43y_w.webm"></video>
</div>
<div class="video-container">
<video class="plyx-player" src="ennie yoyki completo-S50_Iv43y_w.webm"></video>
</div>
<div class="credits">
<p><a href="https://youtu.be/MuyJtxzyU3o">Ennie and Yoyki: Ungirly Games</a> <span>By Lenar Mingazov</span></p>
</div>
</body>
<head>
<title>Plyx Player</title>
<link rel="stylesheet" href="/src/styles/app.css">
<script src="/src/index.js" type="module"></script>
<script src="/src/icons/fa-kit/js/all.js" crossorigin="anonymous"></script>
</head>
<body>
<p>Plyx Player <span>By SudoVanilla</span></p>
<div class="video-container">
<video class="plyx-player" layout="default">
<!-- Quality changer support has not been worked on yet -->
<source label="720p" src="ennie yoyki completo-S50_Iv43y_w.mp4" type="video/mp4">
<source label="480p" src="480.mp4" type="video/mp4">
<!-- Caption support has not been worked on yet -->
<track src="English.vtt" kind="subtitles" srclang="en" label="English">
<track src="Russian.vtt" kind="subtitles" srclang="ru" label="Russian">
</video>
</div>
<div class="credits">
<p><a href="https://youtu.be/MuyJtxzyU3o">Ennie and Yoyki: Ungirly Games</a> <span>By Lenar Mingazov</span></p>
</div>
</body>
</html>
<!-- Change colors in the player -->
@ -30,6 +34,7 @@
}
</style>
<!-- The following below is just for the test page -->
<style>
body {
background: #090909;
@ -89,4 +94,14 @@ span {
a {
color: white;
}
.video-container {
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 100%;
max-width: 1800px;
width: calc(100% - 48px);
}
</style>