การใช้งานเสียงและวิดีโอ

การนำเข้าไฟล์เสียง

เสียงประกอบในมูฟวี่ของ Flash แบ่งออกเป็น 2 ประเภทคือ

Event Sound หมายถึงเสียงที่ต้องถูกดาวน์โหลด มาครบสมบูรณ์ก่อน จึงจะเริ่ม

เล่นได้ และเมื่อเล่นแล้วก็จะเล่นอย่างต่อเนื่องจนกว่าเราจะสั่งให้หยุด

Stream Sound หมายถึงเสียงซึ่งจะเริ่มเล่นทันที่ ที่ข้อมูลของเฟรมแรกๆ ถูกดาวน์

โหลดเข้ามามากพอที่จะเล่นได้

ไฟล์เสียงที่เราสามารถอิมพอร์ตเข้ามาใช้ใน โปรแกรม Flash คือไฟล์ประเภท

 WAV,AIFF (.aif)และ MP3 นอกจากนี้หากเครื่องติดตั้งโปรแกรม QuickTime 4 

ขึ้นไป ก็จะสามารถใช้ไฟล์เสียงประเภทอื่นๆ ได้อีกหลายชนิดคือ AIFF,AU,QuickTime,System7 และ Sound Designer II

ขั้นตอน การอิมพอร์ตเสียง

ขั้นที่ 1 การอิมพอร์ตเสียง
1. เลือกคำสั่ง File > Import > Import to Library...

 

2. ในกรอบ Import เปิดหาไฟล์เสียงที่ต้องการ (หมายเลข 1)
3. คลิกที่ชื่อไฟล์นั้น (หมายเลข 2)
4. คลิก Open (หมายเลข 3)

 

3. ไฟล์เสียงจะถูกนำมาเก็บไว้ในไลบรารีโดยมี ไอคอนเป็นรูปลำโพง  

4. ที่เฟรมที่ต้องการแทรกเสียง (ตามภาพคือเฟรมที่ 10) ให้กด F6 เพื่อแทรกคีย์เฟรม  

5. เลือกเพลงที่จะให้เริ่มเล่นที่เฟรมที่ 10 โดยเลือกชื่อเพลงที่ช่อง Sound ในหน้าต่าง

 Properties(หมายเลข 4) และเลือกแบบ Stream (หมายเลข 5)

 6. กำหนดช่วงเวลาในการเล่น เช่น ต้องการเล่นเพลงไปถึงเฟรมที่ 40 ให้คลิกที่ 40 

แล้วกด F6เพลงจะเล่นจากเฟรมที่ 10 - 40

7. หากต้องการใส่ effect ให้กับเสียง สามารถใส่ได้จากหน้าต่าง properties ที่ช่อง 

Effectซึ่งมีให้เลือกหลายแบบ (หมายเลข 8)

การจัดการเกี่ยวกับเสียง

การลบเสียงออกจากเฟรม

     กรณีที่แทรกเสียงในเฟรมแล้วดังภาพ (เสียงเล่นที่เฟรมที่ 1-40)

เมื่อต้องการลบเสียงออก ทำได้โดย
1. คลิกที่เฟรมใดเฟรมหนึ่ง ในระหว่างเฟรมที่ 1-40
2. ที่หน้าต่าง Properties ช่อง Sound ให้คลิกเลือกเป็น None 

การลบเสียงออกจาก Movie

     กรณีที่เมื่อนำไฟล์เสียงเข้ามาใน Movie แล้ว และต้องการลบออก ทำได้โดย
เปิดหน้าต่าง Library แล้วคลิกไฟล์เสียงที่ต้องการลบ (หมายเลข 1)
แล้วคลิกถังขยะ (หมายเลข 2)

การนำเข้าไฟล์วิดีโอ

การเผยแพร่วิดีโอด้วย Flash มีหลายรูปแบบ เช่น
แบบ Progressive จากเว็บเซิร์ฟเวอร์ ซึ่งเป็นการลิงค์ไฟล์จากภายนอกมาใช้ 

ทำให้นำเสนอได้เร็วแต่มีข้อจำกัดคือ ความเร็วของอินเทอร์เน็ตต้องเร็วด้วย 

ถ้าความเร็วน้อย อาจทำให้วิดีโอกระตุกได้ แบบ Streamingเป็นการลิงค์ไฟล์จาก

ภายนอกเช่นกัน แต่จะเล่นแบบ real time (ถ่ายทอดสด) ซึ่งต้องอาศัยบริการเฉพาะ

ของเซิร์ฟเวอร์แบบ Streaming โดยใช้ Flash Communication Server ซึ่งจะต้อง

มีโปรแกรมควบคุมการเล่นและติดต่อกับผู้ชม เช่น Flash Media Serverแบบ Embedding Video เป็นการฝังหรือแนบไฟล์วิดีโออยู่ในไฟล์ Flash ด้วย ซึ่งเวลาที่ผู้ชมจะชม 

ต้องดาวน์โหลดไฟล์มาทั้งหมดได้ก่อน ซึ่งเหมาะสำหรับไฟล์วิดีโอสั้นๆ (ไม่ต้องดาวน์

โหลดนาน)แบบ Link QuickTime video สำหรับไฟล์วิดีโอแบบ QuickTime (.mov)

 ถ้าตั้งค่าการเล่นด้วย Flash Playerโปรแกรมจะเรียกไฟล์มาเล่นด้วย Quick Time Player

การเผยแพร่วิดีโอแบบ Progressive และ แบบ Streaming

1. คลิกเมนู File > Import > Import Video...    

2. คลิก Browse เพื่อเลือกไฟล์วิดีโอ (หมายเลข 2)
3. เลือกไฟล์วิดีโอที่ต้องการ (หมายเลข 3)
4. คลิก Open (หมายเลข 4)

5. คลิก Next (ปุ่มด้านล่าง)
6. เลือกรูปแบบการเผยแพร่ตามต้องการ (หมายเลข 5)

7. คลิก Next >(ปุ่มด้านล่าง)
8. คลิกแล้วเลือกคุณภาพการเข้ารหัส (หมายเลข 6)
9. คลิก Next > (หมายเลข 7)

10. คลิกแล้วเลือกรูปแบบหน้ากากแผงควบคุม (หมายเลข 8)
11. คลิก Next > (หมายเลข 9)

12. คลิก Next (ปุ่มด้านล่าง)
13. คลิก Finish (ปุ่มด้านล่าง)
14. รอสักครู่จะมีหน้าต่างแสดงความคืบหน้าการเข้ารหัส (ภาพที่ 6)

ภาพที่ 6

15. เมื่อเสร็จแล้วจะได้ดังภาพที่ 7 สามารถทดสอบดูได้โดยกด Ctrl + Enter

ภาพที่ 7

การทำงานกับ Flash Video

Flash Video (.flv) เป็นความสามารถในการทำให้การนำเสนอภาพวิดีโอร่วมกับองค์ประกอบ

อื่นๆเช่น ภาพนิ่ง กราฟิก เสียง ข้อมูลอื่นๆ โดยผู้สร้างงานปรับแต่ง ดัดแปลงแก้ไขได้ตามความ

ต้องการ โดยใช้โปรแกรมเสริมที่ติดตั้งพร้อมกับ Flash 8 คือโปรแกรม Macromedia Flash 8 

Video Encoder

ขั้นตอนกการทำงาน

1 เปิดโปรแกรม โดยคลิก Start > Programs > Macromedia > Macromedia Flash 8

 Video Encoder

ภาพที่ 1

2. นำเข้าวิดีโอ โดยคลิก Add.. (หมายเลข 2)
3. คลิกเลือกไฟล์ จากหน้าต่าง (หมายเลข 3)
4. คลิก Open (หมายเลข 4)
5. คลิกปุ่ม Settings... เพื่อปรับค่าต่างๆ (หมายเลข 5)

ภาพที่ 2

6. คลิกเลือกระดับคุณภาพการเข้ารหัส (หมายเลข 6)
7. ตั้งชื่อไฟล์ (หมายเลข 7)
8. คลิกปุ่ม OK (หมายเลข 8)

9. หากต้องการแปลงไฟล์พร้อมกันหลายๆ ไฟล์ ให้ทำขั้นตอนที่ 2-8 ซ้ำจนครบ
10. คลิกปุ่ม Start Queue เพื่อเริ่มการแปลงไฟล์ (หมายเลข 10) เมื่อแปลงไฟล์เสร็จจะ

ได้ไฟล์ที่โฟลเดอร์ของไฟล์ต้นฉบับดังนี้

สามารถเพิ่ม คัดลอก หรือลบไฟล์ได้จากหน้าต่าง โปรแกรม (ภาพที่ )

การปรับเปลี่ยนเกี่ยวกับวิดีโอ

หลังจากการนำเข้าไฟล์วิดีโอแล้ว เราสามารถปรับเปลี่ยนการตั้งค่าต่างๆ ได้ ซึ่ง

สามารถทำได้จากหน้าต่างโปรแกรมFlash 8 ได้โดยตรง

ขั้นตอนกการทำ งาน

1. เปิดไฟล์วิดีโอ ที่ได้นำเข้ามาแล้ว (หมายเลข 1) แล้วคลิกที่ object หรือที่ภาพวิดีโอ

2. ที่หน้าต่าง Properties คลิกแท็บ Parameters (หมายเลข 2)
3. คลิกตั้งค่าการเล่นอัตโนมัตจากหน้าต่างในช่อง AutoPlay (หมายเลข 3)
โดยค่า True คือ เมื่อเปิดวิดีโอ กำหนดให้เล่นอัตโนัติ
           False คือ เมื่อเปิดวิดีโอ กำหนดให้หยุดไว้ก่อน

4. ในทำนองเดียวกัน การตั้งค่าอื่นๆ หากมีตัวเลือก True และ False สามารถกำหนดค่า

ลักษณะเดียวกัน เช่น การตั้งค่าการเล่นวนซ้ำ (หมายเลข 4)
โดยค่า True คือ เมื่อเปิดเล่นวิดีโอ เมื่อเล่นจบแล้ว กำหนดให้เล่นวนซ้ำ
           False คือ เมื่อเปิดเล่นวิดีโอ เมื่อเล่นจบแล้ว ไม่ต้องวนซ้ำ

5. การปรับเปลี่นหน้ากากแผงควบคุมการเล่น
ทำได้โดย คลิก ช่อง Skin (หมายเลข 5) แล้วคลิกที่สัญลักษณ์แว่นขยาย (หมายเลข 6)

 

6. เลือกรูปแบบได้โดยคลิกที่หน้าต่างช่อง Skin (หมายเลข 7)

ที่มา http://www.kroojan.com

การใช้งาน action script พื้นฐาน

Action Script (แอคชั่นสคริปต์) คือชุดคำสั่งหรือภาษาคอมพิวเตอร์ที่ใช้ในการควบคุมหรือสั่งการใน

โปรแกรม Flash โดย Action Script สามารถเขียนควบคุมได้ทั้งบน Timeline และ บน Symbol

การเขียน Action Script บน Timeline

          การเขียนแอคชั่นสคริปต์บนไทม์ไลน์สามารถทำดังนี้
1. สร้างแอนิเมชั่นแบบใดก็ได้ขึ้นมา 1 ชิ้น (ในตัวอย่างจะสร้างแอนิเมชั่นแบบ Motion Tween)

หมายเหตุ * ปกติเมื่อเรากดปุ่ม Ctrl+Enter โปรแกรม Flash จะเล่นวนซ้ำไปซ้ำมาจนกว่าจะปิด
2. แทรกคำสั่ง Action Script เข้าไปในเฟรมสุดท้ายของงาน ให้คลิกที่เฟรมที่ 40 แล้วกดปุ่ม F9 บน
คีย์บอร์ด จะมีหน้าต่างๆAction Frame ขึ้นมาดังรูป

3. ในการเขียนคำสั่งโปรแกรมได้ออกแบบให้สามารถเขียนได้ 2 รูปแบบคือ แบบ Normal หรือ แบบธรรมดา 

สำหรับผู้ที่ยังใช้คำสั่งไม่คล่อง และ แบบ Expert คือ แบบที่สามารถพิมพ์คำสั่งได้เลย

สำหรับหัวข้อนี้จะให้เขียนทั้ง 2 รูปแบบ ดังนี้

เลือกคำสั่ง Global Functions > Timeline Control > stop  (คำสั่ง stop คือ สั่งให้หยุดการทำงาน)

4. ให้นักเรียนสังเกตที่เฟรมที่ 40 จะมีสัญลักษณ์ ตัว a เล็กอยู่ในเฟรม จากนั้นก็ทดสอบกด Ctrl+Enter

แบบที่ 2 การเขียนแบบ Expert mode คลิกที่เครื่องคำว่า Script Assist ด้านขวาของแถบ Action

จะปรากฏหน้าต่างๆว่างๆขึ้นมา ให้นักเรียนพิมพ์คำสั่ง stop(); ลงในพื้นที่ว่างนั้น

เสร็จแล้วกดปุ่ม Ctrl + Enter เพิ่อทดสอบคำสั่ง ถ้าทำถูกแอนิเมชั่นจะแสดงผลแค่ 1 ครั้งแล้วหยุด

การเขียน Action Script บน Symbol Button

สำหรับการใช้งานซิมโบลนั้นมี 3 อย่างตามที่ได้กล่าวมาแล้ว ได้แก่ Movie Clip Graphic และ 

Button ซิมโบลแบบMovie Clip คือซิมโบลที่สามารถสร้างภาพเคลื่อนไหวซ้อนในตัวของมันเอง
ได้ซิมโบลแบบ Graphic คือ ซิมโบลที่เป็นภาพกราฟฟิคไม่สามารถสร้างภาพเคลื่อนไหวซ้อนได้
ซิมโบลแบบ Button คือ ปุ่มที่ใช้สำหรับการควบคุมให้ซิมโบล วัตถุ หรือ ภาพเคลื่อนไหวทำงานได้

สำหรับการใช้งานซิมโบลแบบ Button สามารถทำได้ดังนี้
1. วาดรูปปุ่มขึ้นมา 1 รูป จะเป็นรูปอะไรก็ได้          

2. ใช้ลูกศรสีดำ (Selection Tool) ลากครอบแล้วกดปุ่ม F8 จากนั้นตั้งชื่อซิมโบลแล้วเลือกซิมโบล

แบบButton  กด OK

3. เมื่อได้ซิมโบลแล้วดับเบิ้ลคลิกเข้าไปที่ ซิมโบล จะปรากฏเฟรม 4 สถานะ คือ Up Over Down Hit

Up คือ สถานะปกติที่ยังไม่ได้ทำอะไร        Over คือ สถานะเมื่อเคอเซอร์ของเมาส์มาทับปุ่ม
Down คือ สถานะเมื่อคลิกปุ่ม                Hit คือ กรอบพื้นที่หรือขอบเขตของปุ่ม

4. คลิกขวาที่เฟรม Over แล้วเลือกคำสั่ง Insert Keyframe

5. ทำการเปลี่ยนสีหรือรูปร่างของปุ่มใน เฟรม Over

6. คลิกขวาที่เฟรม Down แล้วเลือกคำสั่ง Insert Keyframe แล้วเปลี่ยนสีอีกรอบ

7. คลิกขวาที่เฟรม Hit แล้วเลือกคำสั่ง Insert Keyframe ไม่ต้องเปลี่ยนสีก็ได้เพราะสถานะ Hit 

เป็นขอบเขตของปุ่มที่สามารถคลิกได้เท่านั้น ไม่สามารถแสดงสีได้

หมายเหตุหากต้องการพิมพ์ข้อความบนปุ่มสามารถพิมพ์ได้ตามคีย์เฟรมของแต่ละสถานะ

8. เมื่อตกแต่งเสร็จ กดที่คำว่า Scene 1 เพื่อกลับไปยังหน้าหลัก จากนั้นกด ปุ่ม Ctrl+Enter เพื่อทดสอบ

 และลองเลื่อนเมาส์มาทับปุ่มและคลิกดู จะมีการเปลี่ยนแปลงเกิดขึ้นตามที่เรากำหนด

วิธีการใช้ ActionScript

ActionScript เป็นการเขียนภาษา Script บนโปรแกรม Flash เพื่อใช้ควบคุมมูวี่ (Movie) ให้ทำงาน

ตามเหตุการณ์ต่างๆโดยเขียนที่หน้าต่างที่เรียกว่า พาเนล (Panel) ซึ่งพาเนล มี 2 โหมดคือ 

Normal Mode เป็นโหมดปกติ ซึ่งจะมีตัวนำทางหรือเมนูตัวเลือก โหมดนี้เหมาะสำหรับมือใหม่ 

Expert Mode เป็นโหมดสำหรับผู้เชี่ยวชาญเหมาะสำหรับผู้ที่จำรูปแบบคำสั่ง (Syntax, operator,

command)ได้ดี ในโหมดนี้จะไม่มี เมนูนำทาง เหมือนแบบแรก

การเปิดหน้าต่าง พาเนล (Panel Actions) คลิก Windows > Action หรือ กด F9

ขั้นที่ 1 คลิกที่ปุ่ม Script Assist เพื่อสลับหน้าต่างพาเนล

การเขียนคำสั่งให้กับเฟรม

คำสั่ง Action Script สามารถเขียนให้กับองค์ประกอบ 3 ชนิด คือ
เฟรม (Frame) ปุ่ม (Button) และมูวีคลิป (Movie Clip)

ขั้น ตอนการการเขียนคำสั่งให้กับเฟรม (Frame)
ขั้นที่ 1 คลิกเฟรมที่ต้องการใส่คำสั่งสคริปต์ (หมายเลข 1)

ขั้นที่ 2 เขียนคำสั่งที่ต้องการ
กรณีอยู่ใน Normal Mode ทำได้โดย คลิกเครื่องหมายบวก (หมายเลข 2 ) แล้วคลิกเลือกคำสั่งที่ต้องการ 

ขั้นที่ 3 ผลที่ได้จากการใส่คำสั่ง (หมายเลข 4 )

4. กรณีอยู่ใน Expert Mode สามารถเขียนคำสั่งได้โดยตรง (หมายเลข5)

5. เมื่อต้องการลบคำสั่งออก ทำได้โดยคลิกเครื่องหมายลบ (หมายเลข 6)
หรือหากอยู่ใน Expert Mode ทำการแดรกเมาส์คลุมคำสั่งที่ต้องการลบ แล้วกดปุ่ม Delete

การเขียนคำสั่งให้กับปุ่ม
         การเขียนคำสั่งให้กับปุ่ม คือการกำหนดแอคชั่นให้ปุ่ม ให้ตอบสนองต่อการกระทำ เช่น

 เวลาคลิกลาก (Drag) หรือวางเมาส์ไว้เหนือปุ่ม ซึ่งต้องใส่คำสั่งไว้ภายในตัวควบคุม on พร้อม

ทั้งระบุเหตุการณ์หรืออีเวนต์ (event) ของเมาส์หรือคีย์บอร์ด ตามด้วยคำสั่งที่ต้องการ

โดยมีรูปแบบคำสั่ง คือ

ขั้นตอน การเขียนคำสั่งให้กับปุ่ม (โหมด Normal)

1. คลิกที่ปุ่ม แล้วใส่คำสั่งที่หน้าต่างพาเนล ActionScript ตามต้องการ  

4. คลิกเครื่องหมายบวก (หมายเลข 1)

5. เลือกเมนูคำสั่งที่ต้องการ เช่น ต้องการให้เปิดเว็บ (หมายเลข 2)

6. ในบางคำสั่ง จะต้องมีการกรอกรายละเอียดที่ต้องการ (หมายเลข 3)

แนวทางการเขียน ActionScriptสำหรับการเขียนใน Expert Mode จะมีรูปแบบการเขียนแอคชั่น
สคริปต์ ให้กับเฟรมเพื่อควบคุมปุ่มและมูฟวี่คลิป ดังนี้

ตัวอย่างเช่น การเขียนสั่งงานให้กับปุ่มชื่อ button1 เวลาถูกคลิก จะใช้รูปแบบ คือ

ขั้น ตอนการเขียนด้วยหน้าต่าง Expert Mode
(หมายหตุ : ดูขั้นตอนการเขียนโดยใช้หน้าต่าง Normal Mode ได้ที่ การเขียนคำสั่งให้กับปุ่ม)

1. คลิกที่ปุ่มให้แอคทีฟ (Active)  

2. เปิดหน้าต่างแอคชั่น แบบ Expert Mode  หรือถ้าเปิดแล้ว ให้คลิกที่ปุ่ม  

 เปรียบเทียบหน้าต่าง Expert Mode และ Normal Mode  

   

3. คลิกเครื่องหมายบวก  (หมายเลข 1)

4. คลิกเลือกกลุ่มคำสั่งที่ต้องการ (หมายเลข 2)

5. ดับเบิลคำสั่ง หรืออีเวนต์ที่ต้องการ (หมายเลข 3)

6. ทำซ้ำข้อ 3-5 เพื่อเพิ่มเติมคำสั่งอื่นๆ อีก ตามต้องการ

คำสั่งพื้นฐาน Action Script

คำสั่ง On Mouse Event ใช้กำหนดเหตุการณ์ ของเมาส์หรือคีย์บอร์ด ซึ่งจะมีผลชุดคำสั่งที่อยู่ใน

บรรทัดต่อๆ มาที่อยู่ในเครื่องหมาย { } ถูกดำเนินการ โดยทุกครั้งที่กำหนดคำสั่งให้กับปุ่ม โปรแกรม

จะสร้างคำสั่ง On ขึ้นมารองรับซึ่งจะมีอีเวนต์ที่ประกอบด้วย

คำสั่ง Go To เป็นคำสั่งที่ใช้ควบคุมการแสดงของมูฟวี่ โดยสั่งให้หัวอ่าน (Play Head) กระโดดไปยัง

ตำแหน่งที่ต้องการ ได้แก่

ตัวอย่าง....................

จากภาพ เป็นการกำหนดให้หัวอ่าน (Play Head) กระโดดไปหยุดที่ Scene 2 เฟรมที่ 10

ที่มา http://www.kroojan.com