第五单元网页建构与进阶应用.pptVIP

Chen-Yu Lee 2003 第五單元網頁建構與進階應用 Outline 5.1 多媒體簡介 5.2 網頁建構簡介 5.3 電腦安全簡介 5.4 程式語言簡介 5.5 進階網頁建構 5.1 多媒體簡介 What is Multi-media(多媒體) 機器(電腦)以不同(多樣)的媒介(體)將資料(訊)展現給人類 提供多樣化的表現方式於 教育/娛樂/工作 上 多媒體包括有 文字 圖片 聲音 影片 3D …其他 資料壓縮 由於多媒體資料過於龐大~ 必須先壓縮方便傳輸與儲存 壓縮技術 非失真壓縮 Run Length 失真壓縮 PCA 圖片 圖片的原理 以存Pixel的方式存圖片 圖片的壓縮 統計壓縮 重要元素壓縮 圖片的格式 Pixel/Color/File Format BMP,PCX,GIF,JPG…. 範例 自然影像壓縮 BMP to GIF BMP to JPG 人工影像壓縮 BMP to GIF BMP to JPG 圖片工具簡介 小畫家 (簡易圖形編輯) PhotoImpact(網頁專用圖形編輯) PaintShopPro (專業圖形編輯) PhotoShop (超專業圖形編輯) ACDSee (秀圖軟體) 動動手 自己用小畫家畫一張圖,然後存成BMP,GIF與JPG檔,比較一下差異. 分組討論時間. 了解了圖片簡單的壓縮方式後 你覺得聲音要怎樣壓縮?? 聲音 聲音的原理 將聲音以數位的方式儲存 聲音的壓縮 去掉不重要的頻率(太高/太低) 聲音的格式 取樣 44.1/22/11 KHz 聲道 Mono/Stereo/A3D 2,4 channel Dolby Digital 2/../5.1 channel DTS 5.1/7.1 channel Wav,Mp3,Wma,Mid 聲音數位化 自然聲音須經過一個取樣(sampling)的過程轉成數位(digital)訊號. 兩個影響取樣的因素. 取樣頻率(sample rate) 須表現出原始波型的型態,所以須以2倍以上的取樣頻率才能真實的表現出原音. 取樣解析度(sample resolution) 每個取樣點的階度直.越大越能夠真實的反應聲音的差異性. 聲音數位化 取樣頻率(sample rate) 兩倍以上. 音樂訊號 10-20000 Hz 寬頻語音 50-7000 Hz 一般人聲 300-3400 Hz 聲音數位化 取樣解析度(sample resolution) 增加強弱度的差異 8bits = 256 個強度 16bits = 65536 個強度 常見取樣 CD品質 44100 Hz / 16 bits 立體聲 44100*16*2/8=172KB/sec 收音機品質 22050 Hz / 8 bits 單音 22KB/sec 電話/錄音帶品質 11025 Hz / 8 bits 單音 11KB/sec 聲音壓縮 由於人的聽覺約在20-20000Hz之間,所以可以將高頻及低頻捨去以壓縮空間. Mpeg1 audio layer1 標準壓縮效率為1：4 Mpeg1 audio layer2 壓縮效率為1：6~1：8 Mpeg1 audio layer3 (mp3) 壓縮效率則高達1：10~1：12 MP3 Mpeg1 audio layer3 (mp3) Bit rate(每秒資料的流量) 192K 每秒要192Kbits的資料來存音樂 五分鐘的歌= 300 sec 128K - 300*128Kb=38400kb=4.8MB 192K - 300*192K=57600kb=7.2MB Example 訊噪比 SNR，S/N，Signal-to-Noise Ratio 訊噪比的是原始訊號與噪音之間的比例 值越大越好。 聲音工具簡介 Voxengo CurveEQ Wave Creator 錄音機(錄音程式) Creative Recorder (錄音程式) WinAmp(撥放/轉換程式) Cdplayer(撥放程式) Wave 2 mp3 很多應用程式以內含 影片 影片的原理 每秒撥放24張以上圖片(非自然圖加倍) 影片的壓縮 Bit rate 只存重要幾張其他以即時運算獲得 影片的格式 Mpeg, Dat, Mov, Rm, Wmv… 影片原理 若不另外壓縮則 需24*100kB(mpeg圖像)+17k(mpeg3聲音)/Sec. 145mB/Min. 8.7GB/Hr. 一定要壓縮!!! 影片原理 只在一個間隔內放置關鍵頁(key frame)(紅色) 其他的頁(藍色)由內插法運算獲得 內插法簡介 重要的數據 Bit rate (影響影片單張畫質的好壞) (每秒資料的流量) 一般約為數百(差)至數千(好)K bps