SlideShare a Scribd company logo
แสดงวิดโอแบบง่ายๆ ใน Flash
       ี


วิธีที่ง่ายที่สุดในการแสดงผลวิดีโอ นั่นก็คือจับทั้งวิดีโอและ Flash มา
แสดงผลรวมกัน ถ้า Flash เล่นวิดีโอก็เล่นตาม และในทางกลับกันถ้า
Flash หยุดเล่น วิดีโอก็หยุดเล่นด้วยเช่นกัน ดังนั้นเราจึงสามารถใช้
คาสั่ง Play() หรือ Stop() มาควบคุมการเล่นหรือหยุดเล่นของวิดีโอใน
Flash ได้




รูปที่ 1 สร้างกรอบมาตกแต่งบริเวณรอบๆ วิดีโอ


1. ภายในไฟล์เอกสาร Flash ที่ได้อิมพอร์ตไฟล์วิดีโอเข้ามาแล้ว ให้ไป
ที่พาเนล Library แล้วลากซิมโบลวิดีโอที่ต้องการนามาแสดงผลจาก
พาเนล Library ลงมาไว้ ณ ตาแหน่งที่ต้องการในพื้นที่ทางาน


2. จะปรากฏไดอะล็อกบอกว่าซิมโบลวิดีโอที่เราลากลงมาใส่ไว้ในพื้นที่
ทางานนั้น ต้องการจานวนเฟรมเท่าไหร่ และเราต้องการให้ Flash เพิ่ม
จานวนเฟรมให้เท่ากับจานวนเฟรมที่ซิมโบลวิดีโอต้องการโดยอัตโนมัติ
หรือไม่ ซึ่งเราควรจะคลิ้ก Yes
3. ตอนนี้เราก็ได้นาซิมโบลวิดีโอเข้ามาไว้ในพื้นที่ทางานแล้ว ซึ่งถ้าจะ
ให้ดี เราก็ควรจะใช้เครื่องมือต่างๆ มาสร้างกรอบเพื่อตกแต่งให้กับวิดีโอ
นี้ด้วย ดังรูปที่ 1




รูปที่ 2 สร้างรูปปุ่มสาหรับเล่นและหยุดเล่น

4. ใช้เครื่องมือต่างๆ สร้างรูปปุ่มสาหรับเริ่มเล่น และหยุดเล่น ดังรูปที่ 2

5. ให้ใช้เมาส์เลือกรูปปุ่มสาหรับเริ่มเล่น แล้วกดคีย์ F8 จะปรากฏ
หน้าต่าง Convert to Symbol ขึ้นมา ในช่อง Name กาหนดชื่อซิมโบล
เป็น btPlay และกาหนด Behavior เป็น Button เสร็จแล้วกด OK

6. ใช้เมาส์เลือกรูปปุ่มสาหรับเริ่มเล่น แล้วกดคีย์ F8 เช่นเดิม ที่หน้าต่าง
Convert to Symbol ในช่อง Name กาหนดเป็น btStop และกาหนด
Behavior เป็น Button เสร็จแล้วกด OK

7. ใช้เมาส์คลิ้กที่ btPlay ที่อยู่ในพื้นที่ทางาน แล้วไปที่พาเนล Actions
ต่อจากนั้นให้ใส่แอคชันสคริปต์ลงไป ดังนี้
on (release) {
_root.play();
}

8. ใช้เมาส์คลิ้กที่ btStop ที่อยู่ในพื้นที่ทางาน แล้วไปที่พาเนล Actions
ต่อจากนั้นใส่แอคชันสคริปต์ลงไปดังนี้

on (release) {
_root.stop();
}




รูปที่ 3 ตัวอย่างการแสดงผลวิดีโอที่ได้


ตอนนี้วิดีโอของเราก็ใส่ลงไปใน Flash เรียบร้อยแล้ว และปุ่มควบคุม
การเล่นและหยุดเล่นทั้งสองก็พร้อมแล้ว ต่อไปก็ให้กดคีย์ Ctrl+Enter
เพื่อสั่งทดสอบ Flash ก็จะเห็นวิดีโอเล่นทันที ดังรูปที่ 3 และเมื่อกดปุ่ม
Stop เพื่อหยุดเล่น Flash ก็จะเห็นว่าวิดีโอนั้นจะหยุดเล่นตามไปด้วย
และเมื่อกดปุ่ม Play ก็จะทาให้ Flash เริ่มเล่นอีกครั้ง ส่งผลให้วิดีโอเล่น
ตามด้วย


วิดโอแบบ Streaming จากไฟล์ .FLV
   ี
ถึงแม้ว่าวิธีการแสดงวิดีโอในแบบที่แล้วก็เป็นการแสดงผลแบบ
Streaming เหมือนกัน แต่ว่าเนื้อหาวิดีโอภายใน Flash นั้นไม่สามารถ
นามาใช้ได้อีก เพราะว่าถูกรวมไปกับ Flash แล้ว แต่ถ้าเราเปลี่ยนมาใช้
วิธีแปลงไฟล์เป็นไฟล์ .FLV (Macromedia Flash Video) ก่อนแล้ว
ค่อยให้ Flash ดึงข้อมูลวิดีโอจากไฟล์ .FLV นี้มาแสดงผล ก็จะทาให้
เรายังคงสามารถนาวิดีโอนี้ไปใช้ในงานอื่นๆ ได้อีก ซึ่งมีวิธีการแปลง
ไฟล์วิดีโอทั่วไปให้เป็น .FLV ดังนี้

1. ทาตามขั้นตอนต่างๆ ตามหัวข้อ “ตัดต่อวิดีโอด้วย Flash MX 2004”
เพื่ออิมพอร์ตวิดีโอเข้ามาในไลบรารี่




รูปที่ 11 นาคอมโพเนนต์ MediaPlayback ลงมาไว้ในพื้นที่ทางาน


2. คลิ้กขวาที่ซิมโบลวิดีโอที่ต้องการแปลงเป็นไฟล์ .FLV ในพาเนล
Library แล้วเลือก Properties ดังรูปที่ 4 จะปรากฏหน้าต่าง
Embedded Video Properties ต่อจากนั้นให้คลิ้กที่ปุ่ม Export จะ
ปรากฏหน้าต่าง Export FLV ขึ้นมา ให้ใส่ชื่อไฟล์ .FLV ที่ต้องการ
บันทึกลงไปในช่อง File Name แล้วคลิ้กที่ปุ่ม Save ก็จะได้ไฟล์ .FLV
สาหรับใช้ในการแสดงวิดีโอแบบ Streaming แล้ว
จากขั้นตอนเหล่านี้ก็จะทาให้เราได้ไฟล์วิดีโอในรูปแบบของ .FLV แล้ว
ซึ่งถ้าคุณต้องการไฟล์ .FLV สาหรับไฟล์วิดีโออื่นๆ ก็ต้องทาซ้าตั้งแต่
ขั้นตอนแรกอีกครั้ง ซึ่งเวลานาไปใช้งานจริง เราจะนาแค่ไฟล์ .FLV ไป
ใช้งานเท่านั้น ไม่จาเป็นต้องนาไฟล์วิดีโอต้นฉบับไปด้วย


แสดงวิดโอด้วย Media Playback Component
       ี


หลังจากที่เราได้ไฟล์วิดีโอ .FLV แล้ว ก็แสดงผลวิดีโอในไฟล์รูปแบบนี้ก็
ไม่ใช่เรื่องยากอีกต่อไป เพราะว่าในโปรแกรม Flash MX 2004 ได้มี
คอมโพเนนต์สาหรับแสดงวิดีโอจากไฟล์ .FLV มาให้เรียบร้อยแล้ว เรา
เพียงแค่นาคอมโพเนนต์ตัวนี้มาใส่ไว้ในพื้นที่ทางาน และกาหนดค่า
ต่างๆ อีกเพียงเล็กน้อยเท่านั้น




รูปที่ 5 นาคอมโพเนนต์ MediaPlayback


1. ในโปรแกรม Flash MX 2004 ให้สร้างไฟล์เอกสาร Flash ขึ้นมา
ใหม่ ต่อจากนั้นไปที่พาเนล Components แล้วใช้เมาส์ลาก
คอมโพเนนต์ที่ชื่อ MediaPlayback ดังรูปที่ 5 ลงมาวางไว้ในพื้นที่
ทางาน แล้วใช้เครื่องมือ Transform มาปรับขนาดของคอมโพเนนต์
MediaPlayback ที่อยู่ในพื้นที่ทางาน ให้มีขนาดตามต้องการ (ซึ่งควร
จะสัมพันธ์กับขนาดภาพของวิดีโอด้วย)
2. ให้คลิ้กที่คอมโพเนนต์ MediaPlayback ที่อยูในพื้นที่ทางาน แล้วไป
                                             ่
ที่พาเนล Properties จะเห็นปุ่ม Launch Component Inspector ให้
คลิ้กที่ปุ่มนี้ แล้วจะปรากฏพาเนล Component Inspector ขึ้นมา ซึ่งจะ
มีรายละเอียดต่างๆ อยู่ในพาเนลดังรูปที่ 6




รูปที่ 6 รายละเอียดต่างๆ ในพาเนล Component Inspector

3. ในช่อง URL ของพาเนล Component Inspector ให้ใส่ URL ของ
ไฟล์ .FLV ที่ต้องการนามาแสดงผล

4. นอกจากนี้ยังมีตัวเลือกอื่นๆ ภายในพาเนล Component Inspector
ที่น่าสนใจได้แก่


* Automatically Play สาหรับกาหนดให้เล่นวิดีโออัตโนมัติ
* Use Preferred Media Size สาหรับกาหนดให้ปรับขนาดตามขนาด
ของวิดีโอ


* Respect Aspect Ratio สาหรับกาหนดให้รักษาอัตราส่วนของขนาด
วิดีโอ ในกรณีที่เราปรับให้ขนาดของ MediaPlayback ไม่เท่ากับขนาด
ของวิดีโอ


* Control Placement สาหรับกาหนดตาแหน่งของแถบคอลโทรล ว่าจะ
ให้อยู่ในตาแหน่งใดของ MediaPlayback


* Control Visibility สาหรับกาหนดการแสดงแถบคอลโทรลว่าจะให้
แสดง (On), ไม่แสดง (Off), หรือแสดงอัตโนมัติเมื่อนาเมาส์ไปวางไว้ ณ
ตาแหน่งของแถบคอลโทรล (Auto)




รูปที่ 7 ตัวอย่างผลลัพธ์ที่ได้


เมื่อทุกอย่างเสร็จเรียบร้อยแล้ว ก็ให้กดคีย์ Ctrl+Enter เพื่อสั่งทดสอบ
Flash ก็จะเห็นวิดีโอที่คอมโพเนนต์MediaPlayback แสดงขึ้นมา ดังรูป
ที่ 7 โดยเราสามารถเลื่อนไปดูวิดีโอ ณ ตาแหน่งต่างๆ ได้ด้วย Timeline
ที่ปรากฏบนแถบคอลโทรล และสามารถควบคุมการเล่นและหยุดเล่น
รวมทั้งระดับเสียงของวิดีโอได้อีกด้วย
ที่จริงแล้ว คอมโพเนนต์ที่เพิ่มความสะดวกสบายในการสร้าง Flash
ไม่ได้มีเพียงแค่ MediaPlayback เท่านั้น ยังมีคอมโพเนนต์อื่นๆ ที่แถม
มากับ Flash MX 2004 อีกหลายตัวเลยทีเดียว ซึ่งแต่ละตัวก็มีข้อดี
ข้อเสียแตกต่างกันไป อันนี้ก็ต้องแล้วแต่ว่าใครจะนาไปประยุกต์ใช้
อย่างไรครับ...

More Related Content

Similar to แสดงวิดีโอแบบง่ายๆ ใน Flash

Flash mx ตอน แสดงวิดีโอใน flash mx 2004
Flash mx ตอน แสดงวิดีโอใน flash mx 2004Flash mx ตอน แสดงวิดีโอใน flash mx 2004
Flash mx ตอน แสดงวิดีโอใน flash mx 2004Augusts Programmer
 
Flash mx ตอน แสดงวิดีโอใน flash mx 2004
Flash mx ตอน แสดงวิดีโอใน flash mx 2004Flash mx ตอน แสดงวิดีโอใน flash mx 2004
Flash mx ตอน แสดงวิดีโอใน flash mx 2004focusstorm124
 
เทคนิคการใช้ Flash ขั้นเซียน (ตอนที่ 2)
เทคนิคการใช้ Flash ขั้นเซียน (ตอนที่ 2)เทคนิคการใช้ Flash ขั้นเซียน (ตอนที่ 2)
เทคนิคการใช้ Flash ขั้นเซียน (ตอนที่ 2)focusstorm124
 
Ulead studio
Ulead studio Ulead studio
Ulead studio pom_2555
 
Ulead studio
Ulead studio Ulead studio
Ulead studio pom_2555
 
ใบความรู้ Powerpoint 2010
ใบความรู้ Powerpoint 2010 ใบความรู้ Powerpoint 2010
ใบความรู้ Powerpoint 2010
สุดรัก หวานใจ
 
Chapter1 pr5-mac-introduction-pdf
Chapter1 pr5-mac-introduction-pdfChapter1 pr5-mac-introduction-pdf
Chapter1 pr5-mac-introduction-pdf
Pipit Sitthisak
 
150flashkrujun
150flashkrujun150flashkrujun
150flashkrujun
Krujun Deethae
 
รู้จักกับ Flash
รู้จักกับ Flashรู้จักกับ Flash
รู้จักกับ Flash
Yui Janjira Ketsakorn
 
รู้จักกับ Flash
รู้จักกับ Flashรู้จักกับ Flash
รู้จักกับ Flash
Yui Janjira Ketsakorn
 
Photoshop บินได้
Photoshop บินได้Photoshop บินได้
Photoshop บินได้IvIy Alice
 
Ulead video studio 11 [compatibility mode]
Ulead video studio 11 [compatibility mode]Ulead video studio 11 [compatibility mode]
Ulead video studio 11 [compatibility mode]Praphaphun Kaewmuan
 
Proshow gold by wutjung
Proshow gold  by wutjungProshow gold  by wutjung
คู่มือการใช้ Pro show gold
คู่มือการใช้ Pro show goldคู่มือการใช้ Pro show gold
คู่มือการใช้ Pro show goldnoismart
 
บท1 รู้จักกับ Flash
บท1 รู้จักกับ Flashบท1 รู้จักกับ Flash
บท1 รู้จักกับ Flash
Yui Janjira Ketsakorn
 
Adobe Flash CS3
Adobe Flash CS3Adobe Flash CS3
Adobe Flash CS3
Kruyu Moonoi
 
เอกสารประกอบการเรียนรู้ เรื่อง การสร้างวิดีโออย่างง่ายจาก Movie wizard1
เอกสารประกอบการเรียนรู้ เรื่อง การสร้างวิดีโออย่างง่ายจาก Movie wizard1เอกสารประกอบการเรียนรู้ เรื่อง การสร้างวิดีโออย่างง่ายจาก Movie wizard1
เอกสารประกอบการเรียนรู้ เรื่อง การสร้างวิดีโออย่างง่ายจาก Movie wizard1
krunueng1
 

Similar to แสดงวิดีโอแบบง่ายๆ ใน Flash (20)

Flash mx ตอน แสดงวิดีโอใน flash mx 2004
Flash mx ตอน แสดงวิดีโอใน flash mx 2004Flash mx ตอน แสดงวิดีโอใน flash mx 2004
Flash mx ตอน แสดงวิดีโอใน flash mx 2004
 
Flash mx ตอน แสดงวิดีโอใน flash mx 2004
Flash mx ตอน แสดงวิดีโอใน flash mx 2004Flash mx ตอน แสดงวิดีโอใน flash mx 2004
Flash mx ตอน แสดงวิดีโอใน flash mx 2004
 
เทคนิคการใช้ Flash ขั้นเซียน (ตอนที่ 2)
เทคนิคการใช้ Flash ขั้นเซียน (ตอนที่ 2)เทคนิคการใช้ Flash ขั้นเซียน (ตอนที่ 2)
เทคนิคการใช้ Flash ขั้นเซียน (ตอนที่ 2)
 
Ulead studio
Ulead studio Ulead studio
Ulead studio
 
Ulead studio
Ulead studio Ulead studio
Ulead studio
 
ใบความรู้ Powerpoint 2010
ใบความรู้ Powerpoint 2010 ใบความรู้ Powerpoint 2010
ใบความรู้ Powerpoint 2010
 
Chapter1 pr5-mac-introduction-pdf
Chapter1 pr5-mac-introduction-pdfChapter1 pr5-mac-introduction-pdf
Chapter1 pr5-mac-introduction-pdf
 
150flashkrujun
150flashkrujun150flashkrujun
150flashkrujun
 
หน่วยที่ 1
หน่วยที่ 1หน่วยที่ 1
หน่วยที่ 1
 
รู้จักกับ Flash
รู้จักกับ Flashรู้จักกับ Flash
รู้จักกับ Flash
 
หน่วยที่ 1
หน่วยที่ 1หน่วยที่ 1
หน่วยที่ 1
 
รู้จักกับ Flash
รู้จักกับ Flashรู้จักกับ Flash
รู้จักกับ Flash
 
Photoshop บินได้
Photoshop บินได้Photoshop บินได้
Photoshop บินได้
 
Ulead video studio 11 [compatibility mode]
Ulead video studio 11 [compatibility mode]Ulead video studio 11 [compatibility mode]
Ulead video studio 11 [compatibility mode]
 
Movie maker
Movie makerMovie maker
Movie maker
 
Proshow gold by wutjung
Proshow gold  by wutjungProshow gold  by wutjung
Proshow gold by wutjung
 
คู่มือการใช้ Pro show gold
คู่มือการใช้ Pro show goldคู่มือการใช้ Pro show gold
คู่มือการใช้ Pro show gold
 
บท1 รู้จักกับ Flash
บท1 รู้จักกับ Flashบท1 รู้จักกับ Flash
บท1 รู้จักกับ Flash
 
Adobe Flash CS3
Adobe Flash CS3Adobe Flash CS3
Adobe Flash CS3
 
เอกสารประกอบการเรียนรู้ เรื่อง การสร้างวิดีโออย่างง่ายจาก Movie wizard1
เอกสารประกอบการเรียนรู้ เรื่อง การสร้างวิดีโออย่างง่ายจาก Movie wizard1เอกสารประกอบการเรียนรู้ เรื่อง การสร้างวิดีโออย่างง่ายจาก Movie wizard1
เอกสารประกอบการเรียนรู้ เรื่อง การสร้างวิดีโออย่างง่ายจาก Movie wizard1
 

More from focusstorm124

วิธีการทำ Digital clock
วิธีการทำ Digital clockวิธีการทำ Digital clock
วิธีการทำ Digital clockfocusstorm124
 
วิธีการทำ Analog clock
วิธีการทำ Analog clockวิธีการทำ Analog clock
วิธีการทำ Analog clockfocusstorm124
 
เทคนิคการสอนเอฟเฟ็กต์ Mask ใน macromedia flash (ตอนที่ 2)
เทคนิคการสอนเอฟเฟ็กต์ Mask ใน macromedia flash (ตอนที่ 2)เทคนิคการสอนเอฟเฟ็กต์ Mask ใน macromedia flash (ตอนที่ 2)
เทคนิคการสอนเอฟเฟ็กต์ Mask ใน macromedia flash (ตอนที่ 2)focusstorm124
 
เทคนิคการใช้ Flash ขั้นเซียน (ตอนที่ 1)
เทคนิคการใช้ Flash ขั้นเซียน (ตอนที่ 1)เทคนิคการใช้ Flash ขั้นเซียน (ตอนที่ 1)
เทคนิคการใช้ Flash ขั้นเซียน (ตอนที่ 1)focusstorm124
 
ทำหน้าปัดวิทยุ
ทำหน้าปัดวิทยุทำหน้าปัดวิทยุ
ทำหน้าปัดวิทยุfocusstorm124
 
เก็บไฟล์ Flash จากเว็บเพจง่ายๆ ด้วย flash catcher 2.6 (ตอนที่่่ 2)
เก็บไฟล์ Flash จากเว็บเพจง่ายๆ ด้วย flash catcher 2.6 (ตอนที่่่ 2)เก็บไฟล์ Flash จากเว็บเพจง่ายๆ ด้วย flash catcher 2.6 (ตอนที่่่ 2)
เก็บไฟล์ Flash จากเว็บเพจง่ายๆ ด้วย flash catcher 2.6 (ตอนที่่่ 2)focusstorm124
 
การโหลดรูปภาพจาก Folder ภายนอกมาใช้กับ flash
การโหลดรูปภาพจาก Folder ภายนอกมาใช้กับ flashการโหลดรูปภาพจาก Folder ภายนอกมาใช้กับ flash
การโหลดรูปภาพจาก Folder ภายนอกมาใช้กับ flashfocusstorm124
 
การสร้างตัว Preload
การสร้างตัว Preloadการสร้างตัว Preload
การสร้างตัว Preloadfocusstorm124
 
การวาด Flare
การวาด Flareการวาด Flare
การวาด Flarefocusstorm124
 
การเปลี่ยนสีวัตถุ
การเปลี่ยนสีวัตถุการเปลี่ยนสีวัตถุ
การเปลี่ยนสีวัตถุfocusstorm124
 
การเปลี่ยนขนาดเส้นขอบของวัตถุ
การเปลี่ยนขนาดเส้นขอบของวัตถุการเปลี่ยนขนาดเส้นขอบของวัตถุ
การเปลี่ยนขนาดเส้นขอบของวัตถุfocusstorm124
 
การทำเส้นวิ่งเป็นกรอบสี่เหลี่ยม
การทำเส้นวิ่งเป็นกรอบสี่เหลี่ยมการทำเส้นวิ่งเป็นกรอบสี่เหลี่ยม
การทำเส้นวิ่งเป็นกรอบสี่เหลี่ยมfocusstorm124
 
การทำวัตถุเคลื่อนไหว
การทำวัตถุเคลื่อนไหวการทำวัตถุเคลื่อนไหว
การทำวัตถุเคลื่อนไหวfocusstorm124
 
การทำภาพ Tv screen
การทำภาพ Tv screenการทำภาพ Tv screen
การทำภาพ Tv screenfocusstorm124
 
การทำปุ่มควบคุมการเล่นเพลง
การทำปุ่มควบคุมการเล่นเพลงการทำปุ่มควบคุมการเล่นเพลง
การทำปุ่มควบคุมการเล่นเพลงfocusstorm124
 
การกำหนดวัตถุหมุนรอบตัวเอง
การกำหนดวัตถุหมุนรอบตัวเองการกำหนดวัตถุหมุนรอบตัวเอง
การกำหนดวัตถุหมุนรอบตัวเองfocusstorm124
 
การทำตัวอักษร Blur
การทำตัวอักษร Blurการทำตัวอักษร Blur
การทำตัวอักษร Blurfocusstorm124
 
การใช้ปุ่มสำเร็จรูป
การใช้ปุ่มสำเร็จรูปการใช้ปุ่มสำเร็จรูป
การใช้ปุ่มสำเร็จรูปfocusstorm124
 
การ Import file
การ Import fileการ Import file
การ Import filefocusstorm124
 
การทำปุ่มควบคุมการเล่น Movie ของ flash
การทำปุ่มควบคุมการเล่น Movie ของ flashการทำปุ่มควบคุมการเล่น Movie ของ flash
การทำปุ่มควบคุมการเล่น Movie ของ flashfocusstorm124
 

More from focusstorm124 (20)

วิธีการทำ Digital clock
วิธีการทำ Digital clockวิธีการทำ Digital clock
วิธีการทำ Digital clock
 
วิธีการทำ Analog clock
วิธีการทำ Analog clockวิธีการทำ Analog clock
วิธีการทำ Analog clock
 
เทคนิคการสอนเอฟเฟ็กต์ Mask ใน macromedia flash (ตอนที่ 2)
เทคนิคการสอนเอฟเฟ็กต์ Mask ใน macromedia flash (ตอนที่ 2)เทคนิคการสอนเอฟเฟ็กต์ Mask ใน macromedia flash (ตอนที่ 2)
เทคนิคการสอนเอฟเฟ็กต์ Mask ใน macromedia flash (ตอนที่ 2)
 
เทคนิคการใช้ Flash ขั้นเซียน (ตอนที่ 1)
เทคนิคการใช้ Flash ขั้นเซียน (ตอนที่ 1)เทคนิคการใช้ Flash ขั้นเซียน (ตอนที่ 1)
เทคนิคการใช้ Flash ขั้นเซียน (ตอนที่ 1)
 
ทำหน้าปัดวิทยุ
ทำหน้าปัดวิทยุทำหน้าปัดวิทยุ
ทำหน้าปัดวิทยุ
 
เก็บไฟล์ Flash จากเว็บเพจง่ายๆ ด้วย flash catcher 2.6 (ตอนที่่่ 2)
เก็บไฟล์ Flash จากเว็บเพจง่ายๆ ด้วย flash catcher 2.6 (ตอนที่่่ 2)เก็บไฟล์ Flash จากเว็บเพจง่ายๆ ด้วย flash catcher 2.6 (ตอนที่่่ 2)
เก็บไฟล์ Flash จากเว็บเพจง่ายๆ ด้วย flash catcher 2.6 (ตอนที่่่ 2)
 
การโหลดรูปภาพจาก Folder ภายนอกมาใช้กับ flash
การโหลดรูปภาพจาก Folder ภายนอกมาใช้กับ flashการโหลดรูปภาพจาก Folder ภายนอกมาใช้กับ flash
การโหลดรูปภาพจาก Folder ภายนอกมาใช้กับ flash
 
การสร้างตัว Preload
การสร้างตัว Preloadการสร้างตัว Preload
การสร้างตัว Preload
 
การวาด Flare
การวาด Flareการวาด Flare
การวาด Flare
 
การเปลี่ยนสีวัตถุ
การเปลี่ยนสีวัตถุการเปลี่ยนสีวัตถุ
การเปลี่ยนสีวัตถุ
 
การเปลี่ยนขนาดเส้นขอบของวัตถุ
การเปลี่ยนขนาดเส้นขอบของวัตถุการเปลี่ยนขนาดเส้นขอบของวัตถุ
การเปลี่ยนขนาดเส้นขอบของวัตถุ
 
การทำเส้นวิ่งเป็นกรอบสี่เหลี่ยม
การทำเส้นวิ่งเป็นกรอบสี่เหลี่ยมการทำเส้นวิ่งเป็นกรอบสี่เหลี่ยม
การทำเส้นวิ่งเป็นกรอบสี่เหลี่ยม
 
การทำวัตถุเคลื่อนไหว
การทำวัตถุเคลื่อนไหวการทำวัตถุเคลื่อนไหว
การทำวัตถุเคลื่อนไหว
 
การทำภาพ Tv screen
การทำภาพ Tv screenการทำภาพ Tv screen
การทำภาพ Tv screen
 
การทำปุ่มควบคุมการเล่นเพลง
การทำปุ่มควบคุมการเล่นเพลงการทำปุ่มควบคุมการเล่นเพลง
การทำปุ่มควบคุมการเล่นเพลง
 
การกำหนดวัตถุหมุนรอบตัวเอง
การกำหนดวัตถุหมุนรอบตัวเองการกำหนดวัตถุหมุนรอบตัวเอง
การกำหนดวัตถุหมุนรอบตัวเอง
 
การทำตัวอักษร Blur
การทำตัวอักษร Blurการทำตัวอักษร Blur
การทำตัวอักษร Blur
 
การใช้ปุ่มสำเร็จรูป
การใช้ปุ่มสำเร็จรูปการใช้ปุ่มสำเร็จรูป
การใช้ปุ่มสำเร็จรูป
 
การ Import file
การ Import fileการ Import file
การ Import file
 
การทำปุ่มควบคุมการเล่น Movie ของ flash
การทำปุ่มควบคุมการเล่น Movie ของ flashการทำปุ่มควบคุมการเล่น Movie ของ flash
การทำปุ่มควบคุมการเล่น Movie ของ flash
 

แสดงวิดีโอแบบง่ายๆ ใน Flash

  • 1. แสดงวิดโอแบบง่ายๆ ใน Flash ี วิธีที่ง่ายที่สุดในการแสดงผลวิดีโอ นั่นก็คือจับทั้งวิดีโอและ Flash มา แสดงผลรวมกัน ถ้า Flash เล่นวิดีโอก็เล่นตาม และในทางกลับกันถ้า Flash หยุดเล่น วิดีโอก็หยุดเล่นด้วยเช่นกัน ดังนั้นเราจึงสามารถใช้ คาสั่ง Play() หรือ Stop() มาควบคุมการเล่นหรือหยุดเล่นของวิดีโอใน Flash ได้ รูปที่ 1 สร้างกรอบมาตกแต่งบริเวณรอบๆ วิดีโอ 1. ภายในไฟล์เอกสาร Flash ที่ได้อิมพอร์ตไฟล์วิดีโอเข้ามาแล้ว ให้ไป ที่พาเนล Library แล้วลากซิมโบลวิดีโอที่ต้องการนามาแสดงผลจาก พาเนล Library ลงมาไว้ ณ ตาแหน่งที่ต้องการในพื้นที่ทางาน 2. จะปรากฏไดอะล็อกบอกว่าซิมโบลวิดีโอที่เราลากลงมาใส่ไว้ในพื้นที่ ทางานนั้น ต้องการจานวนเฟรมเท่าไหร่ และเราต้องการให้ Flash เพิ่ม จานวนเฟรมให้เท่ากับจานวนเฟรมที่ซิมโบลวิดีโอต้องการโดยอัตโนมัติ หรือไม่ ซึ่งเราควรจะคลิ้ก Yes
  • 2. 3. ตอนนี้เราก็ได้นาซิมโบลวิดีโอเข้ามาไว้ในพื้นที่ทางานแล้ว ซึ่งถ้าจะ ให้ดี เราก็ควรจะใช้เครื่องมือต่างๆ มาสร้างกรอบเพื่อตกแต่งให้กับวิดีโอ นี้ด้วย ดังรูปที่ 1 รูปที่ 2 สร้างรูปปุ่มสาหรับเล่นและหยุดเล่น 4. ใช้เครื่องมือต่างๆ สร้างรูปปุ่มสาหรับเริ่มเล่น และหยุดเล่น ดังรูปที่ 2 5. ให้ใช้เมาส์เลือกรูปปุ่มสาหรับเริ่มเล่น แล้วกดคีย์ F8 จะปรากฏ หน้าต่าง Convert to Symbol ขึ้นมา ในช่อง Name กาหนดชื่อซิมโบล เป็น btPlay และกาหนด Behavior เป็น Button เสร็จแล้วกด OK 6. ใช้เมาส์เลือกรูปปุ่มสาหรับเริ่มเล่น แล้วกดคีย์ F8 เช่นเดิม ที่หน้าต่าง Convert to Symbol ในช่อง Name กาหนดเป็น btStop และกาหนด Behavior เป็น Button เสร็จแล้วกด OK 7. ใช้เมาส์คลิ้กที่ btPlay ที่อยู่ในพื้นที่ทางาน แล้วไปที่พาเนล Actions ต่อจากนั้นให้ใส่แอคชันสคริปต์ลงไป ดังนี้
  • 3. on (release) { _root.play(); } 8. ใช้เมาส์คลิ้กที่ btStop ที่อยู่ในพื้นที่ทางาน แล้วไปที่พาเนล Actions ต่อจากนั้นใส่แอคชันสคริปต์ลงไปดังนี้ on (release) { _root.stop(); } รูปที่ 3 ตัวอย่างการแสดงผลวิดีโอที่ได้ ตอนนี้วิดีโอของเราก็ใส่ลงไปใน Flash เรียบร้อยแล้ว และปุ่มควบคุม การเล่นและหยุดเล่นทั้งสองก็พร้อมแล้ว ต่อไปก็ให้กดคีย์ Ctrl+Enter เพื่อสั่งทดสอบ Flash ก็จะเห็นวิดีโอเล่นทันที ดังรูปที่ 3 และเมื่อกดปุ่ม Stop เพื่อหยุดเล่น Flash ก็จะเห็นว่าวิดีโอนั้นจะหยุดเล่นตามไปด้วย และเมื่อกดปุ่ม Play ก็จะทาให้ Flash เริ่มเล่นอีกครั้ง ส่งผลให้วิดีโอเล่น ตามด้วย วิดโอแบบ Streaming จากไฟล์ .FLV ี
  • 4. ถึงแม้ว่าวิธีการแสดงวิดีโอในแบบที่แล้วก็เป็นการแสดงผลแบบ Streaming เหมือนกัน แต่ว่าเนื้อหาวิดีโอภายใน Flash นั้นไม่สามารถ นามาใช้ได้อีก เพราะว่าถูกรวมไปกับ Flash แล้ว แต่ถ้าเราเปลี่ยนมาใช้ วิธีแปลงไฟล์เป็นไฟล์ .FLV (Macromedia Flash Video) ก่อนแล้ว ค่อยให้ Flash ดึงข้อมูลวิดีโอจากไฟล์ .FLV นี้มาแสดงผล ก็จะทาให้ เรายังคงสามารถนาวิดีโอนี้ไปใช้ในงานอื่นๆ ได้อีก ซึ่งมีวิธีการแปลง ไฟล์วิดีโอทั่วไปให้เป็น .FLV ดังนี้ 1. ทาตามขั้นตอนต่างๆ ตามหัวข้อ “ตัดต่อวิดีโอด้วย Flash MX 2004” เพื่ออิมพอร์ตวิดีโอเข้ามาในไลบรารี่ รูปที่ 11 นาคอมโพเนนต์ MediaPlayback ลงมาไว้ในพื้นที่ทางาน 2. คลิ้กขวาที่ซิมโบลวิดีโอที่ต้องการแปลงเป็นไฟล์ .FLV ในพาเนล Library แล้วเลือก Properties ดังรูปที่ 4 จะปรากฏหน้าต่าง Embedded Video Properties ต่อจากนั้นให้คลิ้กที่ปุ่ม Export จะ ปรากฏหน้าต่าง Export FLV ขึ้นมา ให้ใส่ชื่อไฟล์ .FLV ที่ต้องการ บันทึกลงไปในช่อง File Name แล้วคลิ้กที่ปุ่ม Save ก็จะได้ไฟล์ .FLV สาหรับใช้ในการแสดงวิดีโอแบบ Streaming แล้ว
  • 5. จากขั้นตอนเหล่านี้ก็จะทาให้เราได้ไฟล์วิดีโอในรูปแบบของ .FLV แล้ว ซึ่งถ้าคุณต้องการไฟล์ .FLV สาหรับไฟล์วิดีโออื่นๆ ก็ต้องทาซ้าตั้งแต่ ขั้นตอนแรกอีกครั้ง ซึ่งเวลานาไปใช้งานจริง เราจะนาแค่ไฟล์ .FLV ไป ใช้งานเท่านั้น ไม่จาเป็นต้องนาไฟล์วิดีโอต้นฉบับไปด้วย แสดงวิดโอด้วย Media Playback Component ี หลังจากที่เราได้ไฟล์วิดีโอ .FLV แล้ว ก็แสดงผลวิดีโอในไฟล์รูปแบบนี้ก็ ไม่ใช่เรื่องยากอีกต่อไป เพราะว่าในโปรแกรม Flash MX 2004 ได้มี คอมโพเนนต์สาหรับแสดงวิดีโอจากไฟล์ .FLV มาให้เรียบร้อยแล้ว เรา เพียงแค่นาคอมโพเนนต์ตัวนี้มาใส่ไว้ในพื้นที่ทางาน และกาหนดค่า ต่างๆ อีกเพียงเล็กน้อยเท่านั้น รูปที่ 5 นาคอมโพเนนต์ MediaPlayback 1. ในโปรแกรม Flash MX 2004 ให้สร้างไฟล์เอกสาร Flash ขึ้นมา ใหม่ ต่อจากนั้นไปที่พาเนล Components แล้วใช้เมาส์ลาก คอมโพเนนต์ที่ชื่อ MediaPlayback ดังรูปที่ 5 ลงมาวางไว้ในพื้นที่ ทางาน แล้วใช้เครื่องมือ Transform มาปรับขนาดของคอมโพเนนต์ MediaPlayback ที่อยู่ในพื้นที่ทางาน ให้มีขนาดตามต้องการ (ซึ่งควร จะสัมพันธ์กับขนาดภาพของวิดีโอด้วย)
  • 6. 2. ให้คลิ้กที่คอมโพเนนต์ MediaPlayback ที่อยูในพื้นที่ทางาน แล้วไป ่ ที่พาเนล Properties จะเห็นปุ่ม Launch Component Inspector ให้ คลิ้กที่ปุ่มนี้ แล้วจะปรากฏพาเนล Component Inspector ขึ้นมา ซึ่งจะ มีรายละเอียดต่างๆ อยู่ในพาเนลดังรูปที่ 6 รูปที่ 6 รายละเอียดต่างๆ ในพาเนล Component Inspector 3. ในช่อง URL ของพาเนล Component Inspector ให้ใส่ URL ของ ไฟล์ .FLV ที่ต้องการนามาแสดงผล 4. นอกจากนี้ยังมีตัวเลือกอื่นๆ ภายในพาเนล Component Inspector ที่น่าสนใจได้แก่ * Automatically Play สาหรับกาหนดให้เล่นวิดีโออัตโนมัติ
  • 7. * Use Preferred Media Size สาหรับกาหนดให้ปรับขนาดตามขนาด ของวิดีโอ * Respect Aspect Ratio สาหรับกาหนดให้รักษาอัตราส่วนของขนาด วิดีโอ ในกรณีที่เราปรับให้ขนาดของ MediaPlayback ไม่เท่ากับขนาด ของวิดีโอ * Control Placement สาหรับกาหนดตาแหน่งของแถบคอลโทรล ว่าจะ ให้อยู่ในตาแหน่งใดของ MediaPlayback * Control Visibility สาหรับกาหนดการแสดงแถบคอลโทรลว่าจะให้ แสดง (On), ไม่แสดง (Off), หรือแสดงอัตโนมัติเมื่อนาเมาส์ไปวางไว้ ณ ตาแหน่งของแถบคอลโทรล (Auto) รูปที่ 7 ตัวอย่างผลลัพธ์ที่ได้ เมื่อทุกอย่างเสร็จเรียบร้อยแล้ว ก็ให้กดคีย์ Ctrl+Enter เพื่อสั่งทดสอบ Flash ก็จะเห็นวิดีโอที่คอมโพเนนต์MediaPlayback แสดงขึ้นมา ดังรูป ที่ 7 โดยเราสามารถเลื่อนไปดูวิดีโอ ณ ตาแหน่งต่างๆ ได้ด้วย Timeline ที่ปรากฏบนแถบคอลโทรล และสามารถควบคุมการเล่นและหยุดเล่น รวมทั้งระดับเสียงของวิดีโอได้อีกด้วย
  • 8. ที่จริงแล้ว คอมโพเนนต์ที่เพิ่มความสะดวกสบายในการสร้าง Flash ไม่ได้มีเพียงแค่ MediaPlayback เท่านั้น ยังมีคอมโพเนนต์อื่นๆ ที่แถม มากับ Flash MX 2004 อีกหลายตัวเลยทีเดียว ซึ่งแต่ละตัวก็มีข้อดี ข้อเสียแตกต่างกันไป อันนี้ก็ต้องแล้วแต่ว่าใครจะนาไปประยุกต์ใช้ อย่างไรครับ...