1106 211 web design and implementation
DESCRIPTION
1106 211 Web Design and Implementation. Week 13 : Multimedia on web. Multimedia. สิ่งสำคัญที่ทำให้ Computing Technology มีประสิทธิภาพมากคือความสามารถในการรวมเอาข้อความ รูป เสียง และภาพเคลื่อนไหวมานำเสนอในทางที่มีการสื่อความหมายได้. Web Multimedia Strategies. - PowerPoint PPT PresentationTRANSCRIPT
+
1106 211 Web Design and Implementation
Week 13 : Multimedia on web
+Multimediaสงสำ�คญททำ�ให Computing Technology มประสทธภ�พม�กคอคว�มส�ม�รถในก�รรวมเอ�ขอคว�ม รป เสยง และภ�พเคลอนไหวม�นำ�เสนอในท�งทมก�รสอคว�มหม�ยได
+Web Multimedia Strategiesมลตมเดยสามารถจำาแนกองคประกอบของสอตางๆ ไดเปน 5 ชนด ประกอบดวย ขอความหรอตวอกษร(Text) ภาพนง (Still Image) ภาพเคลอนไหว (Animation) เสยง (Sound) และภาพวดโอ (Video)
การนำาเสนอสอมลตมเดยใหประสบความสำาเรจบนเวบไซตสงสำาคญทตองพจารณาคอการปรบใหเนอหาใหเหมาะสมกบเวบไซต
+Web Multimedia : AudioAudio
เสยง (Audio) เปนการเขยนทใชสำาเนาทเปนภาษาพดสำาหรบอานและบนทกลงในแถบบนทกเสยงหรอเทปคาสเซท โดยอาจ ใหมเสยงประกอบอนๆ ไดตามความตองการ เชน เสยงดนตร หรอเสยงสตวรอง การใชเสยงประกอบ หากผออกแบบเจาะจงทจะใชเสยงใดเปนกรณเฉพาะกควรจะทำาการบนทกเสยงนนแยกตางหาก เสยงทอานบนทกลงในเทปคาสเซทจะถกนำามาแปลงใหเปนสญญาณดจตอล เพอใชกบคอมพวเตอร
+Web Multimedia : AudioAudio
สงทตองพจารณาจะใสไฟลใหญแคไหน คณภาพไฟลเปนอยางไร ยง
ไฟลใหญๆ ละเอยดๆ เสยงกจะด แตวาปญหาคอมนโหลดนาน
จะใหมนโหลดแบบไหน ใชแบบ stream ดไหม คนไดฟง ไดเหนรปไปดวยขณะทกำาลงโหลด แตวาเสยงหรอรปอาจจะกระตกๆ ขาดๆ ตองรอจนกวาโหลดครบถงจะชด
ตองไมลมวาไมใชทกคนจะใช IE บางคนกใช firefox, netscape, opera หรอ avant ดงนนคำาสงทใชตองดใหดวา browser สวนใหญจะรบได
เวลาเราเขยนคำาสงเพลงทเราใสมนเรยกโปรแกรมอะไรมาใชบาง
+Web Multimedia : Audioรปแบบไฟล *.mp3 เกบไฟล audio เปนรปแบบการเกบไฟลททกคนคงรจกกนด ถาบบขนาดไฟลใหลดลงดวยการปรบ bit ใหนอยลงคณภาพกจะดอยลง*.wav หมกใชกบคอมทเปน window ไฟลจะใหญมากเนองจากเปนไฟลทยงไมไดบบใหขนาดเลกลงเลย
+Web Multimedia : Audioรปแบบไฟล *.mid หรอ *.midi (Musical Instrumental Digital Interface) เปนการเกบไฟลในระบบดจตอล ถาเปดไฟลประเภทนดวยโปรแกรม note editing จะเหนเปนตวโนต ขนาดไฟลมกจะไมใหญนก *.aif (Audio Interchange File Format--AIFF) มขนาดใหญ เสยงด เอาไวใชกบเครอง MacIntosh
+Web Multimedia : AudioDownloadable vs Streaming
Downloadable : โหลดใหเสรจแลวคอยเปดไฟลทเดยว เสยเวลา เพราะตองรอใหดาวโหลดเสรจกอน
Streming : ฟงไฟลเสยงพรอมกบดาวโหดไปพรอมๆกน
+Web Multimedia : Audioวธเอา audio ลงเวบ
<EMBED ALIGN="CENTER" SRC=".....url ของเพลงนน.... " HEIGHT="60" WIDTH="280" AUTOSTART="FALSE" VOLUME="50%" MASTERSOUND></EMBED>
+Web Multimedia : Audioวธเอา audio ลงเวบ
<!DOCTYPE html><html><body>
<audio controls> <source src="horse.ogg" type="audio/ogg"> <source src="horse.mp3" type="audio/mpeg">Your browser does not support the audio element.</audio>
</body></html>
+Web Multimedia : VideoVideo : เปนการนำาภาพเคลอนไหวเขามาผสมกบเสยงทำาใหเกดเปนสอทมทงภาพและ เสยง โดยขอมลภาพเคลอนไหวเกดจากการนำาภาพนง (Frame) หลายๆ ภาพมาแสดงผลทจอภาพทละภาพดวยความเรวสงทำาใหมองเหนเปนภาพเคลอนไหว ได ไฟลสวนใหญอยในรป .FLV .SW
ตวอยาง http://www.bigbuckbunny.org/index.php/download/
+Web Multimedia : Video*.avi (Audio / Video Interleave) เปนฟอรแมตทพฒนาโดยบรษทไมโครซอฟต เรยกวา Video for Windows มนามสกลเปน . avi ปจจบนมโปรแกรมแสดงผลตดตงมาพรอมกบชด Microsoft Windows คอ Windows Media Player AVI เปนรปแบบทวไปของขอมลภาพและเสยงใน PC ซงมความยดหยนดานสถาปตยกรรมทำาใหมการนำาไปใชเปนพนฐานในการเขา รหสแบบอนๆ เชน DivX, XviD ซงมคณภาพเทาเทยมหรอมากกวา DVD นามสกลของไฟลคอ .AVI
+Web Multimedia : VideoMPEG-4 : เปนสวนขยายของ MPEG-1 เพอรบรปแบบมลตมเดยตางๆ เชน 3D หรอการเขารหสทมประสทธภาพมากขน MPEG-4 แบงออกเปนหลายสวนตามหนาทแตละสวน และทาง MPEG จะปลอยใหผผลตซอพทแวรเปนผพฒนาโปรแกรมทใชจรงๆ เอง ไมจำาเปนตองตาม MPEG-4 เตมชดกได พฒนาไดเปนบางสวนกพอ (แบบเดยวกบ MP3 ทหยบแตสวนออดโอไปทำา)
+
+
+Web Multimedia : animationภาพเคลอนไหว หมายถง ภาพกราฟกทมการเคลอนไหวเพอแสดงขนตอนหรอปรากฏ การณตางๆ ทเกดขนอยางตอเนอง เชน การเคลอนทของอะตอมในโมเลกล หรอการเคลอนทของลกสบของเครองยนต เปนตน ทงนเพอสรางสรรคจนตนาการใหเกดแรงจงใจจากผชม การผลตภาพเคลอนไหวจะตองใชโปรแกรมทมคณสมบตเฉพาะทางซงอาจมปญหาเกดขนอยบางเกยวกบขนาดของไฟลทตองใชพนทในการจดเกบมากกวาภาพนงหลายเทานนเองhttp://mcdonalds.com.au
+Web linkshttp://www.enjoyday.net/webtutorial/html/html_chapter17.html
http://www.learners.in.th/blogs/posts/21509?locale=en <ex flash>
http://www.thaigoodview.com/library/contest2551/tech04/21/standard/f01.html add features to web sitehttp://www.trendyflash.com/template.asp?t=Caterer-flash-template&design_id=272 web multimedia