Arav/dwelling-files
1
0
Fork 0
Code Releases 9 Activity

Autoplay functionality was implemented.

Browse Source
This commit is contained in:
Alexander Andreev 2024-12-10 22:20:39 +04:00
parent 06213c9b05
commit e34e8dddb9
Signed by: Arav
GPG Key ID: 25969B23DCB5CA34
5 changed files with 20 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
web/assets/css/main.css
View File

@ -189,6 +189,10 @@ thead tr th.clickable.sort-down::after { content: '↓'; }
text-shadow: 0 0 .3rem var(--secondary-color); text-shadow: 0 0 .3rem var(--secondary-color);
z-index: 999; } z-index: 999; }
#overlay span.c-autoplay {
left: auto;
right: 0; }
#overlay :is(video, audio, img) { #overlay :is(video, audio, img) {
margin: auto; margin: auto;
max-height: 100%; max-height: 100%;

10
web/assets/js/main.js
View File

@ -55,6 +55,15 @@ overlay_content.addEventListener("mousemove", e => {
e.target.style.transform = `translate(${g_oc_translate[0]}px, ${g_oc_translate[1]}px) scale(${g_scale})`; e.target.style.transform = `translate(${g_oc_translate[0]}px, ${g_oc_translate[1]}px) scale(${g_scale})`;
}); });
overlay_autoplay = document.getElementsByName("autoplay")[0];
overlay_autoplay.addEventListener("change", e => {
if (e.target.checked && overlay_content.firstChild !== undefined)
if (overlay_content.firstChild.tagName === "AUDIO" || overlay_content.firstChild.tagName === "VIDEO")
if (overlay_content.firstChild.ended)
b_next.click();
});
function determine_media_element(path) { function determine_media_element(path) {
path = path.toLowerCase(); path = path.toLowerCase();
@ -83,6 +92,7 @@ function send_to_overlay(pathname, media_type_element) {
media_element.addEventListener("volumechange", e => { media_element.addEventListener("volumechange", e => {
localStorage['audio_volume'] = e.target.volume; }); localStorage['audio_volume'] = e.target.volume; });
media_element.volume = localStorage["audio_volume"]; media_element.volume = localStorage["audio_volume"];
media_element.addEventListener("ended", e => { if (overlay_autoplay.checked) b_next.click(); });
} }
overlay_label.textContent = decodeURI(pathname.substr(pathname.lastIndexOf("/") + 1)); overlay_label.textContent = decodeURI(pathname.substr(pathname.lastIndexOf("/") + 1));

4
web/index.templ
View File

@ -88,6 +88,10 @@ templ Index(currentPath, progVer string, stat *files.DirStat, entries *[]files.D
<button name="prev">&#10096;</button> <button name="prev">&#10096;</button>
<div></div> <div></div>
<span></span> <span></span>
<span class="c-autoplay">
<input id="c-autoplay" type="checkbox" name="autoplay">
<label for="c-autoplay">{ i18n.T(ctx, "autoplay") }</label>
</span>
<button name="next">&#10097;</button> <button name="next">&#10097;</button>
</div> </div>
</body> </body>

1
web/locales/en/en.yaml
View File

@ -13,6 +13,7 @@ en:
size: Size size: Size
no-script-explain: With scripts deactivated you loose some QoL features like overlay to view files without need to leave a page, filter of directory's content, and navigation using arrow keys. no-script-explain: With scripts deactivated you loose some QoL features like overlay to view files without need to leave a page, filter of directory's content, and navigation using arrow keys.
instruction: TODO instruction: TODO
autoplay: Autoplay
footer: footer:
author: Alexander ❝Arav❞ Andreev author: Alexander ❝Arav❞ Andreev
privacy: Privacy statements privacy: Privacy statements

1
web/locales/ru/ru.yaml
View File

@ -13,6 +13,7 @@ ru:
size: Размер size: Размер
no-script-explain: С отключенными скриптами ты теряешь такие удобные функции, как оверлей для просмотра файлов без необходимости покидать страницу, фильтр по содержимому директории и навигацию стрелками. no-script-explain: С отключенными скриптами ты теряешь такие удобные функции, как оверлей для просмотра файлов без необходимости покидать страницу, фильтр по содержимому директории и навигацию стрелками.
instruction: TODO instruction: TODO
autoplay: Автоматическое проигрывание
footer: footer:
author: Александр «Arav» Андреев author: Александр «Arav» Андреев
privacy: О приватности privacy: О приватности