2015-03-11 2 views
0

Я создал тестовую страницу, чтобы продемонстрировать это, которую можно посмотреть на https://dl.dropboxusercontent.com/u/846812/html_audio_test/audio_test.htmlАудио тег не проверяет валидацию W3C - почему?

Источник страницы

<!DOCTYPE html> 
<html lang="en"> 
    <head> 
    <title>My audio test page</title> 
    </head>   

    <body> 
    <audio src="https://dl.dropboxusercontent.com/u/846812/html_audio_test/cha-ching.wav" type="audio/wav" id="audio-cha-ching"></audio> 
    <p>You should hear a "ka-ching" noise.</p> 
    <script src="https://code.jquery.com/jquery-1.10.2.js"></script> 
    <script type="text/javascript"> 
     $(function(){ 
     $("audio")[0].play(); 
     }); 
    </script> 
    </body> 
</html> 

Когда я проверить это на http://validator.w3.org/check жалуется:

Строка ошибки 9, Столбец 128: Тип атрибута, который не разрешен для аудио элемента в данный момент.

Но я слежу документацию здесь: http://www.w3schools.com/html/html5_audio.asp

Итак, почему он жалуется? Я не правильно определил свою страницу как документ html5?

+2

Проверьте страницу w3schools, которую вы связали еще раз. Вы не выполняете их документацию. Также см. [Замечательный MDN] (https://developer.mozilla.org/en-US/docs/Web/HTML/Element/audio) для более подробного обзора тега и его разрешенных атрибутов. –

+0

@TotempaaltJ OMG, вы правы! Я думаю, что я видел свою версию на другой странице W3C: - { –

+0

Функциональность на странице, с которой я связан, отличается от того, что у меня есть, на самом деле: мой существующий просто воспроизводит wav без видимого контента для пользователя. Версия на странице W3C помещает на страницу аудиоплеер с панелью очистки, кнопкой воспроизведения и т. Д. Я не хочу этого, я просто хочу сделать игру wav без взаимодействия с пользователем, как только будет готов блок dom. –

ответ

0

Я отвечаю на это сам в интересах кого-то, кто так же запутался, как я был явно (Найджел Туффнель?) - это правильный способ сделать это, и как воспроизвести аудио по запросу с помощью jquery.

<!DOCTYPE html> 
<html lang="en"> 
    <head> 
    <title>My audio test page</title> 
    </head>   

    <body> 
    <audio id="audio-cha-ching"> 
     <source src="https://dl.dropboxusercontent.com/u/846812/html_audio_test/cha-ching.wav" type="audio/wav" > 
    </audio> 
    <p>You should hear a "ka-ching" noise.</p> 
    <script src="https://code.jquery.com/jquery-1.10.2.js"></script> 
    <script type="text/javascript"> 
     $(function(){ 
     $("#audio-cha-ching").trigger("play"); 
     }); 
    </script> 
    </body> 
</html> 
Смежные вопросы