Как воспроизвести аудиофайл, импортированный с помощью accept? - PullRequest
Новая
       17

Как воспроизвести аудиофайл, импортированный с помощью accept?

0 голосов
/ 25 марта 2020

Пример противника У меня есть этот код 

<input type="file" id="thefile1" accept="audio/*" />

Я хочу воспроизвести этот звук с помощью javascript. Как я могу это сделать?

1 Ответ

0 голосов
/ 25 марта 2020

Вы можете сделать это одним из двух способов. Поскольку вы запросили JavaScript, вы просто хотите установить autoplay на true. Второй способ - сделать то же самое, но установить autoplay="true" для самого элемента video.

В вашем случае, если вы не хотите автозапуск, вам просто нужно запустить .play() на вашем элемент видео.

Просто для воспроизведения видео 

document.getElementById('playButton').addEventListener('click', (e) => {
  const video = document.getElementsByTagName('video')[0];
  video.play();
});
<video width="320" height="240" controls>
  <source src="https://www.w3schools.com/html/mov_bbb.mp4" type="video/mp4">
  Your browser does not support the video tag.
</video>

<button id="playButton">Play</button>

Параметры автозапуска

JavaScript Опция 

const video = document.getElementsByTagName('video')[0];
video.autoplay = true;
<video width="320" height="240" controls>
  <source src="https://www.w3schools.com/html/mov_bbb.mp4" type="video/mp4">
  Your browser does not support the video tag.
</video>

HTML Опция 

<video width="320" height="240" controls autoplay="true">
  <source src="https://www.w3schools.com/html/mov_bbb.mp4" type="video/mp4">
  Your browser does not support the video tag.
</video>
...