เนื้อหาหน่วยที่ 7

baipak.blogspot.com.(๗) ใบความรู้เรื่อง การแทรกไฟล์มัลติมีเดีย

– การแทรก flash ลงในเว็บเพจ
1. สร้างไฟล์ html ขึ้นมาใหม่ แล้วบันทึกชื่อไฟล์ home.html ให้วางเคอร์เซอร์ตรงตำแหน่งที่จะแทรกไฟล์ flash
2. เลือกคำสั่ง swf บนแท็บ common ของ insert bar เพื่อแทรกไฟล์ flash
3. ที่หน้าต่าง select swf ให้คลิกเลืกไฟล์ flash ที่ต้องการแทรกในโฟลเดอร์ แล้วคลิกปุ่ม ok
4. ที่หน้าต่าง object tag.. ให้คลิกปุ่ม ok หรือ cencel ก็ได้
5. จากนั้นจะแสดงไฟล์ในพื้นที่สร้างงาน หากต้องการเล่นไฟล์ flash ให้คลิกปุ่ม play และเมื่อต้องการหยุดเล่นไฟล์ flash ให้คลิกปุ่ม stop บนพาเนล properties inspector

Picture5Picture2Picture8

การแทรกไฟล์ .FLV

1. สร้างไฟล์ html ขึ้นมาใหม่ วางเคอร์เซอร์ตรงตำแหน่งที่จะแทรกไฟล์วีดีโอ
2. เลือกคำสั่ง flv บนแท็บ common ของ insert bar เพื่อแทรกไฟล์ flash video
3. ที่หน้าต่าง insert FLV ในช่อง video type ให้เลือกแสดงวีดีโอ ดังนี้
– Progressive downloads video ไฟล์ flash video จะถูกดาวน์โหลดไปเก็บว็ที่เครื่องของผู้ชมในขณะที่เล่นไปด้วย
– Streaming video ไฟล์ flash video จะไม่ถูกดาวน์โหลดไปเก็บไว้เหมือนกับวิธีแรกซึ่งการเผยแพร่ไฟล์วิดีโอนี้จะต้องเป็นเว็บเซิร์ฟเวอร์ที่ติดตั้งโปรแกรมโดยเฉพาะเท่านั้น
4. คลิกปุ่ม browse เพื่อเลิกไฟล์ flash
5. ที่ช่อง skin ให้เลือกรูปแบบของแผงควบคุมการเล่นวีดีโอ ซึ่งจะแสดงตัวอย่างควบคุมเมื่อเลือก
6. ที่ช่อง width/height ให้กำหนดความกว้างและความสูงของวีดีโอ
7. คลิกปุ่ม ok

Picture4Picture6

– การเล่นเพลงในเว็บเพจด้วย plugin

การใส่เสียงในเว็บเพจ สามารถทำได้ 2 วิธี คือ สร้างลิงค์ไฟล์เสียง เพื่อให้ผู้ชมเลือกคลิกฟังเสียงเอง และ เป็นการฝังไฟล์เสียงลงในเว็บเพจ เมื่อผู้ชมเปิดเว็ฐเพจนั้น ก็สามารถฟังเสียงได้ทันที ซึ่งสามารถทำได้ดังนี้
1. สร้างไฟล์ html ขึ้นมาใหม่ แล้ววางเคอร์เซอร์ตรงตำแหน่งที่ต้องการวางแผงควบคุมการเล่นเสียง
2.เลือกคำสั่ง plugin บนแท็บ common ของ insert bar เพื่อแทรกไฟล์เสียงลงในเว็บเพจ
3. ที่หน้าต่าง select file ให้คลิกเลือกไฟล์เสียงที่ต้องการแทรก แล้วคลิกปุ่ม ok
4. กำหนดขนาดของ windows media player ที่แสดงบนเว็บเพจในช่อง w (ความหว้าง) และ h (ความสูง)
เมื่อเสร็จเรียบร้อยแล้ว จะแสดงไอคอนของไฟล์ดังรูป เราสามารถทดลองเล่นไฟล์เสียงได้โดยคลิกปุ่ม play บนพาเนล Properties inspector

Picture1  Picture3    Picture7

 

Line.baipak.blogspot29

ใส่ความเห็น

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / เปลี่ยนแปลง )

Twitter picture

You are commenting using your Twitter account. Log Out / เปลี่ยนแปลง )

Facebook photo

You are commenting using your Facebook account. Log Out / เปลี่ยนแปลง )

Google+ photo

You are commenting using your Google+ account. Log Out / เปลี่ยนแปลง )

Connecting to %s