HTML5

Управляем тегом <audio> используя API Тег <аудио> позволяет проигрывать аудиофайлы на веб-странице, а также создает панель управления аудиофайлом. На панели управления находятся кнопки паузы, воспроизведения и регулировки громкости, в HTML5 этими праметрами можно также управлять через API audio и JavaScript. Давайте создадим собственные кнопки, которые будут управлять началом и остановкой воспроизведения музыки. Пример кода начала… Читать далее

Элемент <source> </source> В HTML5 добавили новый тег source, он создан для решения проблемы поддержки браузерми различных аудио/видео форматов. Тег <source /> размещают между тегами <audio> </audio> и <video> </video> Примеры кода тега source в тегах audio и video Пример добавления аудиофайла при помощи тега <audio>: <audio controls="controls"> <source src="baauer-harlem-shake.ogg" /> <source src="baauer-harlem-shake.mp3" /> </audio>… Читать далее

Элемент <video> </video> В HTML5 добавили новый тег video, он отвечает за воспроизведение видеофайлов на веб-странице, причем для воспроизведения видеофайлов не нужны дополнительные плагины или кодеки сторонних производителей, поддержка видеофайлов уже включена в спецификацию HTML5. Пример кода тега <video> Пример добавления видеофайла при помощи тега <video>: <video width=»560″ height=»315″ controls="controls" poster=»teg-video.jpg»> <source src="norwegian-army-harlem-shake.ogv" /> <source… Читать далее

Элемент <audio> </audio> В HTML5 добавили новый тег audio, он отвечает за воспроизведение аудиофайлов на веб-странице, причем для воспроизведения аудиофайлов не нужны дополнительные плагины или кодеки сторонних производителей, поддержка аудиофайлов уже включена в спецификацию HTML5. Пример кода тега <audio> Пример добавления аудиофайла при помощи тега <audio>: <audio controls="controls"> <source src="baauer-harlem-shake.ogg" /> <source src="baauer-harlem-shake.mp3" /> </audio>… Читать далее