PonyMirrors/philomena
1
0
Fork 0
mirror of https://github.com/philomena-dev/philomena.git synced 2025-02-17 11:04:22 +01:00
Code Issues Projects Releases Packages Wiki Activity

Add local setting to enable audio on videos by default (#252)

Browse source 
* Add local setting to enable audio on videos by default

* Update copy

* Use ternary over `let`+`if`
This commit is contained in:
Eliot Partridge 2024-05-05 17:38:22 -04:00 committed by GitHub
parent 5b836580e1
commit 377317a26b
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
3 changed files with 9 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
assets/js/image_expansion.js
View file

@ -86,10 +86,12 @@ function pickAndResize(elem) {
clearEl(elem); clearEl(elem);
} }
const muted = store.get('unmute_videos') ? '' : 'muted';
if (imageFormat === 'mp4') { if (imageFormat === 'mp4') {
elem.classList.add('full-height'); elem.classList.add('full-height');
elem.insertAdjacentHTML('afterbegin', elem.insertAdjacentHTML('afterbegin',
`<video controls autoplay loop muted playsinline preload="auto" id="image-display" `<video controls autoplay loop ${muted} playsinline preload="auto" id="image-display"
width="${imageWidth}" height="${imageHeight}"> width="${imageWidth}" height="${imageHeight}">
<source src="${uris.webm}" type="video/webm"> <source src="${uris.webm}" type="video/webm">
<source src="${uris.mp4}" type="video/mp4"> <source src="${uris.mp4}" type="video/mp4">
@ -102,7 +104,7 @@ function pickAndResize(elem) {
} }
else if (imageFormat === 'webm') { else if (imageFormat === 'webm') {
elem.insertAdjacentHTML('afterbegin', elem.insertAdjacentHTML('afterbegin',
`<video controls autoplay loop muted playsinline id="image-display"> `<video controls autoplay loop ${muted} playsinline id="image-display">
<source src="${uri}" type="video/webm"> <source src="${uri}" type="video/webm">
<source src="${uri.replace(/webm$/, 'mp4')}" type="video/mp4"> <source src="${uri.replace(/webm$/, 'mp4')}" type="video/mp4">
<p class="block block--fixed block--warning"> <p class="block block--fixed block--warning">

1
lib/philomena_web/controllers/setting_controller.ex
View file

@ -39,6 +39,7 @@ defmodule PhilomenaWeb.SettingController do
|> set_cookie(user_params, "hidpi", "hidpi") |> set_cookie(user_params, "hidpi", "hidpi")
|> set_cookie(user_params, "webm", "webm") |> set_cookie(user_params, "webm", "webm")
|> set_cookie(user_params, "serve_webm", "serve_webm") |> set_cookie(user_params, "serve_webm", "serve_webm")
|> set_cookie(user_params, "unmute_videos", "unmute_videos")
|> set_cookie(user_params, "chan_nsfw", "chan_nsfw") |> set_cookie(user_params, "chan_nsfw", "chan_nsfw")
|> set_cookie(user_params, "hide_staff_tools", "hide_staff_tools") |> set_cookie(user_params, "hide_staff_tools", "hide_staff_tools")
|> set_cookie(user_params, "hide_uploader", "hide_uploader") |> set_cookie(user_params, "hide_uploader", "hide_uploader")

4
lib/philomena_web/templates/setting/edit.html.slime
View file

@ -154,6 +154,10 @@ h1 Content Settings
=> label f, :webm, "Use video thumbnails" => label f, :webm, "Use video thumbnails"
=> checkbox f, :webm, checked: @conn.cookies["webm"] == "true" => checkbox f, :webm, checked: @conn.cookies["webm"] == "true"
.fieldlabel: i Use video thumbnails for WebM videos. Does not apply to GIF images. .fieldlabel: i Use video thumbnails for WebM videos. Does not apply to GIF images.
.field
=> label f, :unmute_videos, "Enable video audio by default"
=> checkbox f, :unmute_videos, checked: @conn.cookies["unmute_videos"] == "true"
.fieldlabel: i Automatically enable audio on video pages when they are loaded.
.field .field
=> label f, :hide_uploader => label f, :hide_uploader
=> checkbox f, :hide_uploader, checked: @conn.cookies["hide_uploader"] == "true" => checkbox f, :hide_uploader, checked: @conn.cookies["hide_uploader"] == "true"