HTML5多媒體套用開發

HTML5多媒體套用開發

《HTML5多媒體套用開發》是2012 年5月人民郵電出版社出版的圖書,作者是(愛)Ian Devlin

基本介紹

  • 書名:HTML5多媒體套用開發
  • ISBN:9787115277084
  • 出版社:人民郵電出版社
  • 出版時間:2012 年5月
基本信息,內容簡介,目錄,

基本信息

作者:(愛)Ian Devlin
譯者:姚軍
開本:16開
頁碼:216
版次:1-1

內容簡介

《HTML5多媒體套用開發》主要介紹HTML5多媒體套用開發的基礎知識,作者在書中闡述了如何使用HTLM5元素在Web文檔中嵌入音頻和視頻,並且使其在所有瀏覽器中都能夠正常使用。《HTML5多媒體套用開發》還揭示了如何使用JavaScript Media API創建HTML5音頻和視頻的自定義控制項,使用WebVTT添加字幕,使用CSS為HTML5媒體元素添加樣式,使用svg操縱視頻,以及利用HTML5[canvas]元素動態生成圖形。《HTML5多媒體套用開發》是一本在網站中構建原生HTML5多媒體的簡易指南,適合初次接觸HTML5的讀者參考使用。

目錄

《html5多媒體套用開發》
第1章 html5簡介 1
1.1 html5是什麼 3
1.2 html5的發展 3
1.3 主要的html5結構化元素 5
1.3.1 doc type和charset 6
1.3.2 [header] and [footer] 8
1.3.3 [hgroup] 8
1.3.4 [article]和[section] 9
1.3.5 [nav] 12
1.3.6 [aside] 13
1.3.7 [figure]和[figcaption] 14
1.3.8 [script] 16
1.4 小結 16
第2章 html5多媒體元素 17
2.1 web多媒體歷史 19
2.1.1 媒體播放器 19
2.1.2 媒體播放器的問題 21
2.1.3 html元素 22
2.2 原生多媒體 23
.2.2.1 audio元素 24
2.2.2 video元素 26
2.2.3 source元素 28
2.2.4 track元素 29
2.3 小結 31
第3章 使用音頻 32
3.1 音頻codec和檔案格式 34
3.1.1 ogg vorbis 34
3.1.2 mp3 35
3.1.3 wav 35
3.1.4 aac 35
3.1.5 mp4 35
3.2 音頻格式的瀏覽器支持 36
3.2.1 編碼音頻檔案 37
3.2.2 過時瀏覽器應變手段 38
3.3 audio元素使用示例 38
3.3.1 播放一個音頻檔案 38
3.3.2 用不同源播放一個音頻檔案 39
3.3.3 用不同源播放一個音頻檔案以及過時瀏覽器的應變手段 40
3.4 小結 43
第4章 使用視頻 45
4.1 視頻codec和檔案格式 47
4.1.1 theora ogg 47
4.1.2 mp4(h.264) 47
4.1.3 webm 48
4.2 視頻格式的瀏覽器支持 48
4.3 使用視頻元素 50
4.3.1 播放一個視頻檔案 50
4.3.2 用不同源播放一個視頻檔案 53
4.3.3 用不同源播放一個視頻檔案及過時瀏覽器應變手段 55
4.3.4 使用媒體類型和查詢為目標設備提供不同的視頻檔案 58
4.3.5 android與視頻 62
4.4 小結 64
第5章 javascript api和自定義控制項 65
5.1 什麼是javascript 67
5.2 api屬性研究 67
5.3 利用api事件 71
5.4 使用api方法 74
5.5 創建具有自定義控制項的簡單視頻播放器 75
5.5.1 添加播放/暫停和停止按鈕 76
5.5.2 監聽事件 79
5.5.3 添加音量和靜音按鈕 81
5.5.4 添加一個進度條 83
5.5.5 添加快進和倒回按鈕 85
5.5.6 添加一個搜尋條 87
5.5.7 非html5瀏覽器 89
5.6 小結 90
第6章 使用css為媒體元素添加樣式 91
6.1 css3樣式簡介 93
6.2 css3高級技巧 96
6.2.1 不透明性 96
6.2.2 漸變 97
6.2.3 圓角 99
6.2.4 陰影 100
6.2.5 改變內容的大小 101
6.3 webkit專屬的css3規則 106
6.3.1 reflect 107
6.3.2 禁止 108
6.4 小結 109
第7章 過渡、變換和動畫 110
7.1 使用過渡 112
7.1.1 在音頻和視頻上使用過渡 115
7.1.2 用css過渡設定樣式 115
7.1.3 淡入淡出過渡 117
7.2 研究2d變換 118
7.2.1 縮放一個視頻 119
7.2.2 旋轉視頻 120
7.2.3 傾斜視頻 121
7.2.4 移動視頻 122
7.3 研究3d變換 124
7.4 使用動畫 128
7.4.1 @keyframes 128
7.4.2 動畫視頻覆蓋 131
7.4.3 旋轉動畫 135
7.4.4 將動畫視頻覆蓋擴展為3d 137
7.5 小結 138
第8章 多媒體與可訪問性 140
8.1 媒體和潛在的可訪問性問題 142
8.2 srt簡述 142
8.3 webvtt簡介 143
8.3.1 webvtt能做什麼 144
8.3.2 webvtt檔案格式 145
8.4 track元素 151
8.5 現在就使用webvtt和track元素 153
8.6 媒體控制項和可訪問性 157
8.7 小結 160
第9章 使用視頻和畫布 161
9.1 canvas元素 163
9.2 2d api 164
9.3 獲得一個html5視頻的螢幕截圖 165
9.4 製作播放中視頻的一個副本 168
9.5 播放視頻的灰度副本 170
9.6 小結 174
第10章 使用視頻和svg 175
10.1 svg簡介 177
10.1.1 瀏覽器支持 178
10.1.2 svg元素 178
10.1.3 svg文本 179
10.1.4 svg圓形 180
10.1.5 svg橢圓 180
10.2 結合使用svg和html5視頻 181
10.2.1 向視頻添加文本禁止 182
10.2.2 為視頻添加一個橢圓禁止 186
10.2.3 svg視頻禁止動畫 187
10.2.4 移動svg視頻禁止 189
10.2.5 為html5視頻套用svg濾鏡 192
10.3 小結 197
第11章 未來的特性 198
11.1 音頻api 200
11.1.1 audio data api 200
11.1.2 web audio api 204
11.2 getusermedia api 206
11.3 peerconnection api 207
11.4 stream api 208
11.5 websocket api 210
11.5.1 websocket接口 210
11.5.2 使用websocket 212
11.6 小結 215

相關詞條

熱門詞條

聯絡我們