2022-01-19 07:06:26 +04:00
|
|
|
|
import {Typography, Link, Box} from '@mui/material'
|
2021-01-12 21:55:54 +01:00
|
|
|
|
import PropTypes from 'prop-types'
|
|
|
|
|
|
|
|
|
|
|
|
const MIZIK_URL = process.env.NEXT_PUBLIC_OKI_MIZIK_URL || 'https://funkwhale-server.com'
|
|
|
|
|
|
const MIZIK_API_USER = process.env.NEXT_PUBLIC_MIZIK_API_USER || 'user'
|
|
|
|
|
|
const MIZIK_API_PASSWORD = process.env.NEXT_PUBLIC_MIZIK_API_PASSWORD || 'password'
|
|
|
|
|
|
|
|
|
|
|
|
export default function OkiMizik({id}) {
|
|
|
|
|
|
const mizikStreamUrl = `${MIZIK_URL}/rest/stream?u=${MIZIK_API_USER}&p=${MIZIK_API_PASSWORD}&id=${id}`
|
|
|
|
|
|
const detailsUrl = `${MIZIK_URL}/library/tracks/${id}`
|
|
|
|
|
|
|
|
|
|
|
|
return (
|
|
|
|
|
|
<Box style={{marginTop: '0.3em', display: 'flex', flexDirection: 'column', alignItems: 'center'}}>
|
|
|
|
|
|
<audio controls src={mizikStreamUrl}>
|
|
|
|
|
|
<p>
|
|
|
|
|
|
Votre navigateur ne prend pas en charge l’audio HTML. Voici un
|
|
|
|
|
|
un <a href={mizikStreamUrl}>lien vers le fichier audio</a> pour le
|
|
|
|
|
|
télécharger.
|
|
|
|
|
|
</p>
|
|
|
|
|
|
</audio>
|
|
|
|
|
|
<Typography style={{marginTop: '0.5em'}} variant='h5'>
|
|
|
|
|
|
<Link target='_blank' rel='noreferrer' href={detailsUrl}>
|
|
|
|
|
|
#OKi Mizik
|
|
|
|
|
|
</Link>
|
|
|
|
|
|
</Typography>
|
|
|
|
|
|
</Box>
|
|
|
|
|
|
)
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
OkiMizik.propTypes = {
|
|
|
|
|
|
id: PropTypes.number.isRequired
|
|
|
|
|
|
}
|
