как сделать так чтобы трек проигрывался сразу на сайте без загрузки на само устройство юзера, чтобы проигрывался сразу в приложении?
Всем привет! У меня появилась проблемка, хочу сделать приложение на Expo.dev в котором можно будет проигрывать записи моих медитаций без их установки (что то типа Spotify или Deezer). Думала о том чтобы сделать ДБ с которой можно сразу проигрывать. Нужна помощь в доведении этой мысли Использую Javascript(React, Expo) для фронта
Ответы (1 шт):
Автор решения: Опан
→ Ссылка
Простейший плеер для прослушивания аудио на сайте можно сделать на HTML + Javascript таким образом:
audio.onloadedmetadata = _ => showTime();
range.onchange = _ => audio.currentTime = range.value / 100 * audio.duration;
audio.ontimeupdate = _ => {
range.value = audio.currentTime / audio.duration * 100;
showTime();
}
playpause.onclick = _ => {
if(audio.paused){
audio.play();
playpause.innerText = ' pause ';
}else{
audio.pause();
playpause.textContent = ' play ';
}
}
function showTime(){time.innerText = formatingTime(audio.currentTime) + '/' + formatingTime(audio.duration)};
function formatingTime(time){
let s = Math.floor(time % 60);
return Math.floor(time / 60) + ':' + (s < 10 ? '0' + s : s);
}<audio id=audio src='https://mysynthesizer.github.io/index.hetemeel/sound.mp3'></audio>
<input id=range type=range value=0 /><br /><br />
<button id=playpause style='cursor: pointer'> play </button>
<pre id=time></pre>В роде, можно только слушать, но на самом деле во время прослушивания аудиофайл уже находится на компьютере. Так же не трудно его скачать глянув на исходный код страницы. (плеера)
Или может неважно на счёт скачивания, а главное, чтобы слушать на сайте? Тогда есть проще вариант:
<audio id=audio src='https://mysynthesizer.github.io/index.hetemeel/sound.mp3' controls></audio>