評論(0

HTML5多媒體應用開發

標籤: 暫無標籤

《HTML5多媒體應用開發》主要介紹HTML5多媒體應用開發的基礎知識,作者在書中闡述了如何使用HTLM5元素在Web文檔中嵌入音頻和視頻,並且使其在所有瀏覽器中都能夠正常使用。

1 HTML5多媒體應用開發 -基本信息

  作者:(愛)Ian Devlin

HTML5多媒體應用開發



  譯者:姚軍

  出版社:人民郵電出版社

  ISBN:9787115277084

  出版日期:2012 年5月

  開本:16開

  頁碼:216

  版次:1-1

2 HTML5多媒體應用開發 -內容簡介

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

3 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

上一篇[HTML5遊戲開發]    下一篇 [HSI]

相關評論

同義詞:暫無同義詞