Готовое решение доступного видеоплеера на HTML5
2014-09-12 20:31:55
... поддержки видео в
HTML5. Тем не менее ...
+ развернуть текст сохранённая копия
Видеоконтент уже прочно вошёл в мир Интернета и без него уже трудно представить глобальную сеть. Тем не менее, технологии встраивания видео в гипертекстовые документы за прошедшее время прошли определённую эволюцию: от RealPlayer к QuickTime и Flash, а в настоящий момент до встроенной поддержки видео в HTML5. Тем не менее, всё это время различные реализации видеоплееров страдали как от проблем кроссплатформенности и кроссбраузерности, так и от низкого или вообще нулевого уровня accessibility. И если способы борьбы с первой группой проблем в целом понятны и существуют в форме готовых решений, то вот проблемы доступности для подавляющего большинства web-разработчиков и без того, как правило, сложны для понимания, а в отношении видео совсем оставались загадкой. Однако, к счастью, появилось готовое решение и второй проблемы, так что все желающие смогут обеспечить своим пользователям полностью доступный видеоплеер и без глубоких компетенций в web accessibility.
Читать дальше →
Тэги:
accessibility,
html,
html5,
веб-разработка,
видео,
доступность,
плеер,
субтитры
[Из песочницы] Пишем проигрыватель lossless аудио на JavaScript
2014-09-05 12:20:09
Добрый день, %username%. Сегодня я хотел бы поделится своим опытом разработки прототипа онлайн ...
+ развернуть текст сохранённая копия
Добрый день, %username%. Сегодня я хотел бы поделится своим опытом разработки прототипа онлайн lossless аудио плеера.
На сегодняшний день, вряд ли можно кого-то удивить аудио или видео плеером, встроенного непосредственно в веб-страницу. Существующие технологии, библиотеки и API позволяют легко наполнить сайт любым медиа-контентом. Но есть такие люди, которым этого недостаточно (в том числе я). Именно поэтому, как истинному любителю музыки в lossless, мне потребовалось сделать браузерный плеер поддерживающий такой формат аудио, как flac.
Читать дальше →
Тэги:
api,
audio,
aurora.js,
flac,
html,
html5,
javascript,
web,
веб-программироваине,
веб-разработка,
программирование
[Из песочницы] Простой Jquery редактор для редактирования HTML5 текста и сохранения с помощью ajax
2014-08-19 16:54:15
... Используя свойство тегов
HTML5 — contenteditable, Jquery, ... простой редактор текста
HTML5 сайта.
...
+ развернуть текст сохранённая копия
Очень часто в процессе редактирования контента сайта необходимо (а также очень удобно) видеть готовый результат на странице браузера. Используя свойство тегов HTML5 — contenteditable, Jquery, Ajax и PHP создадим простой редактор текста HTML5 сайта.
Наш редактор будет обладать следующими свойствами:
— при клике мышкой на тексте предназначенном для редактирования этот текст сразу можно редактировать;
— при нажатии клавиши Escape после редактирования текста, все изменения в текущий текст отменяются;
— при потере фокуса, либо клике для редактирования другого текста, измененный текст отправляется на сервер, выводится сообщение о статусе отправки и ответа сервера.
Читать дальше →
Тэги:
html,
html5,
javascript,
jquery,
plugins,
веб-разработка
[Перевод] 3 новых JavaScript API, которые вам стоит узнать
2014-08-17 23:55:39
... статей о новых
HTML5 и JavaScript API ...
+ развернуть текст сохранённая копия
Перевод статьи «3 New JavaScript APIs You May Want to Follow», Aurelio De Rosa из портала SitePoint.
Если вы постоянный читатель SitePoint, и возможно, читаете мои заметки, то вы знаете, что я написал множество статей о новых HTML5 и JavaScript API. До сих пор я писал заметки об API, которые вы можете использовать прямо сейчас, в том числе с использованием полифилов.
Сегодня я решил нарушить это правило и описать вам несколько API на ранней стадии разработки. Эти технологии настолько свежи, что 2 из 3 были представлены всего несколько дней назад. Поэтому они пока не могут быть использованы. Однако, если вам интересно, что они позволят сделать, вы можете почитать спецификации и написать, что бы вы хотели в них улучшить.
Давайте же, без лишних церемоний, начнем!
Читать дальше →
Тэги:
alarms,
api,
html,
html5,
javascript,
presentation,
standby,
веб-разработка
[Перевод] HTML-импорт — include для веба: часть 2
2014-08-10 13:36:02
Перевод статьи «HTML Imports #include for the web», Eric Bidelman.
Ссылка на первую ...
+ развернуть текст сохранённая копия
Перевод статьи «HTML Imports #include for the web», Eric Bidelman.
Ссылка на первую часть перевода.
Предоставление веб-компонентов
HTML-импорт упрощает загрузку и повторное использование кода. В частности, это хороший способ распространения веб-компонентов. Это касается как простых HTML <template>, так и полноценных кастомных элементов с теневым DOM [1, 2, 3]. Когда эти технологии работают вместе, импорт становится инструментом для подключения веб-компонентов.
Читать дальше →
Тэги:
html,
html5,
import,
w3c,
web-разработка,
веб-разработка
