blade/materialious
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Removed broken audio only mode

Browse Source
This commit is contained in:
WardPearce
2025-04-04 00:59:27 +13:00
parent 1153323f94
commit a29e6204d3
12 changed files with 29 additions and 78 deletions
Download Patch File Download Diff File Expand all files Collapse all files
materialious/android/app/build.gradle
+2 -2
View File
@@ -7,8 +7,8 @@ android {
applicationId "us.materialio.app"
minSdkVersion rootProject.ext.minSdkVersion
targetSdkVersion rootProject.ext.targetSdkVersion
versionCode 99
versionName "1.7.17"
versionCode 100
versionName "1.7.18"
testInstrumentationRunner "androidx.test.runner.AndroidJUnitRunner"
aaptOptions {
// Files and dirs to omit from the packaged assets dir, modified to accommodate modern web apps.
materialious/electron/materialious.metainfo.xml
+5 -1
View File
@@ -60,7 +60,11 @@
<release version="1.7.17" date="2025-4-02">
<release version="1.7.18" date="2025-4-04">
<url>https://github.com/Materialious/Materialious/releases/tag/1.7.18</url>
</release>
<release version="1.7.17" date="2025-4-02">
<url>https://github.com/Materialious/Materialious/releases/tag/1.7.17</url>
</release>
<release version="1.7.16" date="2025-4-02">
materialious/electron/package-lock.json
Generated
+2 -2
View File
@@ -1,12 +1,12 @@
{
"name": "Materialious",
"version": "1.7.17",
"version": "1.7.18",
"lockfileVersion": 3,
"requires": true,
"packages": {
"": {
"name": "Materialious",
"version": "1.7.17",
"version": "1.7.18",
"license": "MIT",
"dependencies": {
"@capacitor-community/electron": "^5.0.0",
materialious/electron/package.json
+1 -1
View File
@@ -1,6 +1,6 @@
{
"name": "Materialious",
"version": "1.7.17",
"version": "1.7.18",
"description": "Modern material design for Invidious.",
"author": {
"name": "Ward Pearce",
materialious/package.json
+1 -1
View File
@@ -1,6 +1,6 @@
{
"name": "materialious",
"version": "1.7.17",
"version": "1.7.18",
"private": true,
"scripts": {
"dev": "vite dev",
materialious/src/lib/components/Player.svelte
+2 -10
View File
@@ -38,7 +38,6 @@
interface Props {
data: { video: VideoPlay; content: PhasedDescription; playlistId: string | null };
audioMode?: boolean;
isSyncing?: boolean;
isEmbed?: boolean;
segments?: Segment[];
@@ -47,7 +46,6 @@
let {
data,
audioMode = false,
isEmbed = false,
segments = $bindable([]),
playerElement = $bindable()
@@ -144,8 +142,8 @@
shakaUi.configure({
controlPanelElements: [
'play_pause',
Capacitor.getPlatform() === 'android' ? '' : 'volume',
'spacer',
Capacitor.getPlatform() === 'electron' ? 'volume' : '',
'chapter',
'time_and_duration',
'overflow_menu',
@@ -472,9 +470,7 @@
overflowMenuButton.innerHTML = 'settings';
}
const backToOverflowButton = document.querySelector(
'.shaka-back-to-overflow-button .material-icons-round'
);
const backToOverflowButton = document.querySelector('.shaka-back-to-overflow-button');
if (backToOverflowButton) {
backToOverflowButton.innerHTML = 'arrow_back_ios_new';
}
@@ -556,10 +552,6 @@
});
</script>
{#if audioMode}
<div style="margin-top: 40vh;"></div>
{/if}
<div
id="shaka-container"
class="youtube-theme"
materialious/src/lib/components/Settings/Player.svelte
-17
View File
@@ -10,7 +10,6 @@
playerAutoPlayStore,
playerAutoplayNextByDefaultStore,
playerDefaultLanguage,
playerListenByDefaultStore,
playerProxyVideosStore,
playerSavePlaybackPositionStore,
playerTheatreModeByDefaultStore,
@@ -126,22 +125,6 @@
</nav>
</div>
<div class="field no-margin">
<nav class="no-padding">
<div class="max">
<div>{$_('layout.player.listenByDefault')}</div>
</div>
<label class="switch">
<input
type="checkbox"
bind:checked={$playerListenByDefaultStore}
onclick={() => playerListenByDefaultStore.set(!$playerListenByDefaultStore)}
/>
<span></span>
</label>
</nav>
</div>
<div class="field no-margin m l">
<nav class="no-padding">
<div class="max">
materialious/src/lib/css/shaka-player-theme.css
+14 -22
View File
@@ -25,6 +25,11 @@
order: 1;
}
.youtube-theme > .shaka-controls-container button {
width: 60px;
height: 50px;
}
.youtube-theme .shaka-controls-button-panel {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
@@ -53,30 +58,23 @@
.youtube-theme .shaka-controls-button-panel>* {
margin: 0;
padding: 3px 8px;
color: var(--primary-text);
height: 40px;
color: var(--white-text);
height: 50px;
}
.youtube-theme .shaka-controls-button-panel>*:hover {
color: var(--primary);
}
.youtube-theme .shaka-controls-button-panel>*:focus {
outline: none;
-webkit-box-shadow: inset 0 0 0 2px var(--primary);
box-shadow: inset 0 0 0 2px var(--primary);
color: var(--surface-bright);
color: var(--primary);
}
.youtube-theme .shaka-controls-button-panel>*:hover {
color: var(--surface-variant);
}
.youtube-theme .shaka-controls-button-panel .shaka-volume-bar-container {
position: relative;
z-index: 10;
left: -1px;
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
opacity: 0;
width: 0px;
-webkit-transition: width 0.2s cubic-bezier(0.4, 0, 1, 1);
transition: width 0.2s cubic-bezier(0.4, 0, 1, 1);
height: 3px;
@@ -99,7 +97,8 @@
.youtube-theme .shaka-current-time {
padding: 0 10px;
font-size: 12px;
font-size: 1em;
color: var(--white-text) !important;
}
.youtube-theme .shaka-seek-bar-container {
@@ -151,9 +150,6 @@
text-shadow: 0 0 2px rgb(0 0 0%);
-webkit-transition: opacity 0.1s cubic-bezier(0, 0, 0.2, 1);
transition: opacity 0.1s cubic-bezier(0, 0, 0.2, 1);
-moz-user-select: none;
-ms-user-select: none;
-webkit-user-select: none;
right: 10px;
bottom: 50px;
padding: 8px 0;
@@ -308,7 +304,3 @@
-webkit-transition: font-size 0.1s cubic-bezier(0, 0, 0.2, 1);
transition: font-size 0.1s cubic-bezier(0, 0, 0.2, 1);
}
.youtube-theme .shaka-controls-button-panel>*:hover {
color: var(--primary) !important;
}
materialious/src/lib/externalSettings.ts
-6
View File
@@ -18,7 +18,6 @@ import {
playerAutoPlayStore,
playerAutoplayNextByDefaultStore,
playerDefaultLanguage,
playerListenByDefaultStore,
playerProxyVideosStore,
playerSavePlaybackPositionStore,
playerTheatreModeByDefaultStore,
@@ -66,11 +65,6 @@ const persistedStores: { name: string, store: Writable<any>, type: 'string' | 'b
store: playerProxyVideosStore,
type: 'boolean'
},
{
name: 'listenByDefault',
store: playerListenByDefaultStore,
type: 'boolean'
},
{
name: 'savePlaybackPosition',
store: playerSavePlaybackPositionStore,
materialious/src/lib/store.ts
-1
View File
@@ -33,7 +33,6 @@ export const activePageStore: Writable<string | null> = writable('home');
export const playerAutoPlayStore = persisted('autoPlay', true);
export const playerAlwaysLoopStore = persisted('alwaysLoop', false);
export const playerProxyVideosStore = persisted('proxyVideos', true);
export const playerListenByDefaultStore = persisted('listenByDefault', false);
export const playerSavePlaybackPositionStore = persisted('savePlaybackPosition', true);
export const playerTheatreModeByDefaultStore = persisted('theatreModeByDefault', false);
export const playerAutoplayNextByDefaultStore = persisted('autoplayNextByDefault', false);
materialious/src/routes/(app)/watch/[slug]/+page.svelte
+1 -14
View File
@@ -26,7 +26,6 @@
interfaceAutoExpandDesc,
interfaceLowBandwidthMode,
playerAutoplayNextByDefaultStore,
playerListenByDefaultStore,
playerTheatreModeByDefaultStore,
playlistSettingsStore,
syncPartyConnectionsStore,
@@ -67,8 +66,6 @@
let theatreMode = $state(get(playerTheatreModeByDefaultStore));
let audioMode = $state(get(playerListenByDefaultStore));
let segments: Segment[] = $state([]);
let pauseTimerSeconds: number = $state(-1);
@@ -407,13 +404,7 @@
<div class={`s12 m12 l${theatreMode ? '12' : '9'}`}>
<div style="display: flex;justify-content: center;">
{#key data.video.videoId}
<Player
bind:playerElement
bind:segments
{data}
{audioMode}
isSyncing={$syncPartyPeerStore !== null}
/>
<Player bind:playerElement bind:segments {data} isSyncing={$syncPartyPeerStore !== null} />
{/key}
</div>
@@ -493,10 +484,6 @@
{/await}
<div>
<button onclick={() => (audioMode = !audioMode)} class:border={!audioMode}>
<i>headphones</i>
<div class="tooltip">{$_('player.audioOnly')}</div>
</button>
<button onclick={toggleTheatreMode} class="m l" class:border={!theatreMode}>
<i>width_wide</i>
<div class="tooltip">{$_('player.theatreMode')}</div>
update_versions.py
+1 -1
View File
@@ -3,7 +3,7 @@ import os
import re
from datetime import datetime
LATEST_VERSION = "1.7.17"
LATEST_VERSION = "1.7.18"
RELEASE_DATE = datetime.now().strftime("%Y-%-m-%d") # Format: YYYY-M-D
WORKING_DIR = os.path.join(os.path.dirname(os.path.realpath(__file__)), "materialious")