Пользовательский 1-кнопочный плеер с тэгом HTML5 - PullRequest
9 голосов
/ 13 августа 2010

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

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

1 Ответ

27 голосов
/ 13 августа 2010

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

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

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

Смотрите пример

...