mirror of
https://github.com/SillyTavern/SillyTavern.git
synced 2024-12-15 02:47:16 +01:00
c9783640c0
* Added control to audio ui to select bgm/ambient and lock selection to overide dynamic audio update. Load both assets and char specific audio assets * correct ambient label and default value when no assets available. * add padding in audio select * Correct audio change of background ambient when locked. Updated CSS of audio ui for mobile friendly. * add space between mixer * Add checkbox to enable dynamic bgm/ambient switch * correct background ambient fadout * continue debuging ambient audio update * finish debuging * Fix BGM console error on first run. Reformat plugin code * Changed audio bgm lock into loop on/off. Added random pick button for bgm. Moved ambient lock button to right. * Add mouse wheel event handler on volume controls * Change bgm select to only contain current chat character bgm (solo/group). When enable expression bgm is off, any of the char+asset bgm can play next if not looping. * Corrected bgm looping at start. Force random to play another song if there is any. * Format code --------- Co-authored-by: Cohee <18619528+Cohee1207@users.noreply.github.com>
95 lines
1.3 KiB
CSS
95 lines
1.3 KiB
CSS
.audio-ui-block {
|
|
margin-bottom: 1em;
|
|
}
|
|
|
|
.audio-mixer-div {
|
|
display: flex;
|
|
flex-direction: row;
|
|
align-items: center;
|
|
justify-content: center;
|
|
padding: 5px;
|
|
background-color: rgba(38, 38, 38, 0.5);
|
|
border: 1px rgb(75, 75, 75) solid;
|
|
border-radius: 10px;
|
|
}
|
|
|
|
.audio-mixer-element {
|
|
height: 60px;
|
|
float: left;
|
|
margin-right: 10px;
|
|
label {
|
|
text-align: top;
|
|
}
|
|
input {
|
|
margin-top: 15px;
|
|
}
|
|
select {
|
|
margin-top: 5px;
|
|
padding: 5px;
|
|
width: 100%;
|
|
}
|
|
}
|
|
|
|
.audio-label {
|
|
display: block;
|
|
text-align: center;
|
|
}
|
|
|
|
.audio-volume-div {
|
|
display: flex;
|
|
flex-direction: row;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
|
|
.audio-lock-button {
|
|
padding: 1rem;
|
|
width: 100%;
|
|
height: 2em;
|
|
}
|
|
|
|
.audio-random-button {
|
|
padding: 1rem;
|
|
width: 100%;
|
|
height: 2em;
|
|
}
|
|
|
|
.audio-mute-button {
|
|
padding: 1rem;
|
|
width: 100%;
|
|
height: 2em;
|
|
}
|
|
|
|
.audio-slider {
|
|
width: 100% !important;
|
|
vertical-align: center;
|
|
}
|
|
|
|
.audio-mute-button-muted {
|
|
color: red;
|
|
}
|
|
|
|
#audio_refresh_assets {
|
|
width: 50px;
|
|
height: 30px;
|
|
}
|
|
|
|
.audio-mixer-mute {
|
|
width: 10%;
|
|
}
|
|
|
|
.audio-mixer-volume {
|
|
width: 25%;
|
|
}
|
|
|
|
.audio-mixer-playlist {
|
|
width: 45%;
|
|
}
|
|
|
|
.audio-mixer-lock {
|
|
width: 10%;
|
|
}
|
|
|
|
.audio-mixer-random {
|
|
width: 10%;
|
|
} |