Пользовательский 1-кнопочный плеер с HTML5 audio tag

работает с <audio> тег в какой-то веб-разработке, которую я делал в последнее время, и одна вещь, которую я пытаюсь сделать, это использовать его для создания списка слов и предоставить образец произношения рядом с каждым словом в списке. Это не сложно, однако такого рода заявления вряд ли требует полного набора элементов управления; просто кнопка Играть.

на controls элемент <audio> тег, похоже, не так хорошо документирован вообще; все, что я могу найти на нем, это " всегда положите " on "здесь, Если вы не хотите построить свой собственный игрок". Я не хочу создавать свой собственный плеер, однако, я просто хочу простой, 1-кнопочный интерфейс воспроизведения ни с чем другим, в идеале не требуя JavaScript или Flash.

1 ответов


Это довольно просто. Вам просто нужно вызвать метод Play на audio объект DOM при нажатии на что-то. Что-то может быть изображением, текстом, ссылкой или чем угодно.

вот один из возможных способов:

<a onclick="this.firstChild.play()"><audio src=".."></audio></a>

пример