arnold-sakhnov Sep 17 2010 at 17:27

HTML5 для веб-дизайнеров. Часть 3: Мультимедиа

14 min

8.2K

IT Standards*

Translation

+109

Comments 30

Pal_Mihalych Sep 17 2010 at 17:42

Классная и очень дружелюбная статья.
Автор большой молодец.
Спасибо)

Hellcunt Sep 17 2010 at 18:13

Я все в ожидании 6ой части, наверное, с нее и стоило начинать :)

Innuendo108 Sep 17 2010 at 18:15

После первой части решил долго не ждать и прочёл всё в оригинале.

stalkers Sep 17 2010 at 18:55

Поделитесь ссылкой, а? А то по адресу, на который ссылается топик, доступна только 1-ая статья.

Innuendo108 Sep 18 2010 at 03:24

Честно — не помню откуда качал. Но книжка — малюсенький pdf'чик, поэтому выложил вот:
webfile.ru/4743042

stalkers Sep 18 2010 at 03:33

Большое человеческое спасибо ))

lifestar Sep 17 2010 at 18:16

А какие браузеры поддерживают HTML5?
youtube.com/HTML5 ==> Этот аккаунт закрыт.

Parkim Sep 17 2010 at 18:51

youtube.com/html5
Регистр имеет значение.

UFO just landed and posted this here

BlooDHounD Sep 17 2010 at 18:59

вы кажется писали в предыдущих статьях, что являетесь сторонником строгого синтаксиса, но при этом ваши булевые параметры не являются эталоном строгости.

UFO just landed and posted this here

tenshi Sep 18 2010 at 00:57

xslt

nill Sep 17 2010 at 19:13

Огромное спасибо, великолепный цикл статей! Хотелось бы чтобы в следующих статьях, Вы бы рассказали про Geo API и по подробнее о WebSockets, ибо не понятно что и как это работает.

gag_fenix Sep 17 2010 at 20:09

Canvas клевый, но работает, конечно, не слишком быстро. Анимация в нем серьезно жрет проц в Мозилле.

Bonch Sep 17 2010 at 20:15

используя Javascript и canvas, можно создавать векторные изображения на лету

Какие ж векторные? Canvas это растр, SVG — вектор.

UFO just landed and posted this here

alex_blank Sep 17 2010 at 20:22

Насчёт SVG vs. Canvas — есть замечательная библиотека Raphael (http://raphaeljs.com/), реализующая удобный API для генерации динамического SVG «на лету». По мне так намного удобнее canvas, если стоит задача сделать динамический «обновляющийся» интерфейс, т.к. работаешь с DOM-элементами, а не с сырыми пикселами.

AntonDiaz Sep 17 2010 at 22:35

Когда был написан оригинал? Не уверен, что 6-я глава будет актуальной, ведь здесь ни слова про WebM. Обстановка сейчас меняется очень быстро.

arnold-sakhnov Sep 18 2010 at 12:00

Оригинал издан несколько месяцев назад.

anycolor Sep 18 2010 at 20:41

webm уже был тогда. Да и про видео можно было больше написать. Теоре ничего не светит.

AntonDiaz Sep 18 2010 at 23:59

Ну с момента фактического написания до издания на бумаге может пройти много времени. WebM был анонсирован 19 мая. В статье про формы 2.0 в скриншотах я увидел контролы Оперы, которые были изменены в релизе 10.50 от 2 марта. Так что оригиналу уже около полугода или больше. Тем не менее, весьма интересная и полезная статья. Спасибо за перевод.

arnold-sakhnov Sep 19 2010 at 12:12

Ключевое слово в моем ответе «издан». Не удивительно, что многие нюансы успели измениться еще до завершения работы над книгой.

anycolor Sep 19 2010 at 19:28

позволю себе заметить: важные ньюансы. Иногда стоит повременить с выпуском, чтобы не выглядеть глупо.

Troppus Sep 19 2010 at 11:25

Поправьте пожалуйста статью, добавьте Google VP8 video (WebM) в такой последовательности:

	<source src="movie.ogv" type="video/ogg">
	<source src="movie.mp4" type="video/mp4">
	<object type="application/x-shockwave-flash" width="360" height="240" data="player.swf?file=movie.mp4">
		<param name="movie" value="player.swf?file=movie.mp4">
		<a href="movie.mp4">Download the movie</a>
	</object>
</video>

Troppus Sep 19 2010 at 11:36

Упорно не хочет вставляться строка со всеми кавычками:

<source src=«movie.webm» type=«video/webm; codecs="vorbis,vp8">

Пожалуйста добавьте в конце webm type кавычку.

<source src=»movie.webm" type=«video/webm; codecs="vorbis,vp8">

	<source src="movie.mp4" type="video/mp4">
	<object type="application/x-shockwave-flash" width="360" height="240" data="player.swf?file=movie.mp4">
		<param name="movie" value="player.swf?file=movie.mp4">
		<a href="movie.mp4">Download the movie</a>
	</object>
</video>

arnold-sakhnov Sep 19 2010 at 12:15

Спасибо за замечание по поводу WebM, но так как я лишь перевожу материал автора, а в нем про эту технологию ничего нет, я предпочту оставить все, как есть. Было бы здорово, если вы напишите свою отдельную заметку о WebM, где опишите особенности этого формата.