Комплексный html5 Audio API

Question

Я не могу найти полный список всех html5 <audio> событий и атрибутов (хотя я полагаю, что они могут различаться в разных браузерах). Многие из моих поисковиков используют веб-сайты, говорящие об «использовании javascript audio api» или «с javascript audio api» и т. Д., И показывают пару примеров, но я не нашел список методов или того, что они делают.

Например,

var a = document.getElementById('audio');
a.ended = function () { alert('foo!'); }; //FAIL
a.onended = function () { alert('foo!'); }; //FAIL
a.addEventListener('ended', function () { alert('foo!'}); }; //PASS
a.addEventListener('play', function () { alert('foo!'}); };

Почему нет onended? Почему он называется play вместо played? Эти вещи не интуитивно понятны, поэтому фактический список API очень помог бы.

Кроме того, некоторые браузеры не учитывают вышеуказанные атрибуты? Мой blackberry phone и mobile-ie9 не будут оповещать о завершенном событии, но все это делают chrome, ffx и ipad-safari.

Answer 1

• Спецификация HTML5: элемент audio
• Когда я могу использовать ... таблицы совместимости аудио (и ссылки на внешние ресурсы)

К сожалению, вы испытываете из первых рук тот факт, что просто не существует официального JavaScript API для аудио (пока).

Answer 2

В w3schools есть полезное событие, список свойств и методов для аудио / видео. Хотя это не решает проблемы кросс-браузера:

http://www.w3schools.com/tags/ref_av_dom.asp

Answer 3

Как вы можете видеть из прекрасной ссылки Мэтта на canIuse

"Постоянная кросс-браузерная поддержка звука в настоящее время бесполезна в HTML5 ..."

, поэтому выследует взглянуть на sound.js;)

"... но SoundJS работает для отвлечения проблем и значительно упрощает добавление звука в ваши игры или богатый опыт."

-> Polyfill: SoundJS