RageStudio/comty
1
0
Fork 0
mirror of https://github.com/ragestudio/comty.git synced 2025-06-11 03:24:16 +00:00
Code Issues Packages Projects Releases Wiki Activity

partially added "radio mode"

Browse Source
This commit is contained in:
SrGooglo 2023-03-30 22:50:28 +00:00
parent 6224e435fb
commit 4f146cdd96
1 changed files with 26 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
packages/app/src/pages/live/[key].jsx
View File

@ -180,9 +180,18 @@ export default class StreamViewer extends React.Component {
</button> </button>
`) `)
// insert radio mode button
player.elements.buttons.fullscreen.insertAdjacentHTML("beforeBegin", `
<button class="plyr__controls__item plyr__control" type="button" data-plyr="radio">
<span class="label">Radio mode</span>
</button>
`)
player.elements.buttons.cinema = player.elements.container.querySelector("[data-plyr='cinema']") player.elements.buttons.cinema = player.elements.container.querySelector("[data-plyr='cinema']")
player.elements.buttons.radio = player.elements.container.querySelector("[data-plyr='radio']")
player.elements.buttons.cinema.addEventListener("click", () => this.toggleCinemaMode()) player.elements.buttons.cinema.addEventListener("click", () => this.toggleCinemaMode())
player.elements.buttons.radio.addEventListener("click", () => this.toggleRadioMode())
this.setState({ this.setState({
player, player,
@ -297,6 +306,23 @@ export default class StreamViewer extends React.Component {
this.setState({ cinemaMode: to }) this.setState({ cinemaMode: to })
} }
toggleRadioMode = (to) => {
if (typeof to === "undefined") {
to = !this.state.radioMode
}
if (to) {
app.cores.player.start({
src: this.state.streamSources.sources.aac,
title: this.state.streamInfo.title,
artist: this.state.streamInfo.username,
})
// setLocation to main page
app.navigation.goMain()
}
}
render() { render() {
return <div return <div
className={classnames( className={classnames(