Advertisement
ยำใหญ่ - ใส่คลิปใส่เพลงลงบล็อก..ตามคำขอของมหาชน
พิมพ์หน้านี้
ตามคำเรียกร้องของมหาชน (มหาแปลว่าใหญ่ ชนมาจากประชาชน รวมความว่า คนตัวใหญ่ แต่คนขอเธอชื่อ "น้อย"..ฮิฮิ)
*ปล. คุณคนโทใส่น้ำเจ้า..สอนข้าเจ้าลงคลิปแห๋มสักเตื่อเต๊อะเจ้า...ลืมไปหมดแล้วเจ้า..อิอิอิ
งั้นก็ต้องตามใจคนจัด ไม่ขัดใจคนขอล่ะครับ แต่ต้องบอกก่อนว่าเพื่อความรวดเร็ว เลยต้องยำใหญ่ ด้วยการหยิบฉวยมาผสมผสานกันจากหลายแหล่งเท่าที่หาได้ เช่น
*สอนบล็อกเกอร์..ใส่เสียง ใส่วิดีโอ ในบล็อก ฉบับคนงุ่มง่าม
http://www.oknation.net/blog/konto2/2008/03/05/entry-3
*วิธี Upload Clip oknation รูปแบบใหม่เข้ายุค New Media http://www.oknation.net/blog/manual/2008/08/29/entry-1
*วิธีการ Upload Video Clip
http://www.oknation.net/blog/manual/2007/07/03/entry-1
ก่อนลองทำ อ่านหลักการคร่าวๆ ก่อนนะครับ
******************************************
การ Upload Video clip สามารถทำได้ 2 วิธี คือ
1. Upload Video clip จากเครื่อง
Video Clip ที่ต้องการ upload จะต้องเป็นไฟล์ format ดังนี้ mpeg, 3gp, wmv, mov, mpg, mp4, wma, mp3 ขนาดไม่เกิน 100 M
ดังนั้นต้องตรวจสอบ format ของไฟล์ที่เรานำมาจากกล้องวิดีโอ, กล้องถ่ายรูป หรือไฟล์ที่มีในเครื่องด้วยว่าใช่ format เหล่านี้หรือไม่ ถ้าไม่ใช่ต้องใช้โปรแกรมประเภทแปลงชนิดไฟล์วิดีโอ (vdo converter)
ถ้าไฟล์ที่มีเป็นไฟล์เหล่านี้
Audio files: .aif, .aifc, .aiff .asf, .au, .mp2, .mp3, .mpa, .snd, .wav, and .wma
Video files: .asf, .avi, .m1v, .mp2, .mp2v, .mpe, .mpeg, .mpg, .mpv2, .wm, and .wmv
สามารถใช้โปรแกรม Windows Movie Maker ที่มีอยู่ในเครื่องพีซี ที่ใช้วินโดว์ import ไฟล์จากกล้องเข้าไปได้เลย ถ้าไม่ตัดต่อ ตกแต่ง ก็ save ออกไป - audio เป็น wma และ video เป็นไฟล์ wmv ง่ายที่สุด
2. Embed จากเว็บอื่น
Oknation มีฟังก์ชั่น Embed video clip จากเว็บไซต์อื่นๆ ให้เลือก ในกรณีที่คุณนำวิดีโอคลิป ของคุณไปฝากไว้ที่ ผู้ให้บริการ Video sharing เช่น YouTube, Google Video ฯลฯ หรือพบวิดีโอที่ถูกใจสามารถ Embed code ได้ที่เว็บอื่น ก็นำมาใส่ในบล็อกได้
ทีนี้ก็มาถึงวิธีนำมาลงในบล็อก
วิธีการ Upload Clip
1. Log in เข้าไปจัดการ blog แล้วไปที่แถบ Video Clip
![](http://www.oknation.net/blog/home/blog_data/40/40/images/manual/NewClipupload11.jpg)
.
2. กรอกข้อมูลของคลิป เช่น ชื่อ Video Clip, คำบรรยายเพื่อบอกรายละเอียดของ คลิป เช่น ใคร ทำอะไร ที่ไหน เมื่อใด ฯลฯ และ tags คือ ชุดของคำที่เลือกมาใส่เพื่อสื่อความหมายที่ช่วยให้การค้นหาคลิปนี้ทำได้ง่ายขึ้น เน้น key word ที่คนทั่วไปน่าจะใช้ในการค้นหา โดยเขียนแต่ละคำ คุ่นด้วยเครื่องหมาย , (comma)
![](http://www.oknation.net/blog/home/blog_data/40/40/images/manual/NewClipupload12.jpg)
.
3. เลือกหมวดของคลิปให้เหมาะสม เพราะจะมีผลในการจัดกลุ่มสื่อตามกลุ่มข้อมูลของ nationchannel ซึ่งจะช่วยให้การค้นหาทำได้ง่ายขึ้น
![](http://www.oknation.net/blog/home/blog_data/40/40/images/manual/NewClipupload13.jpg)
.
4. ในกรณีที่คลิปที่ต้องการ upload อยู่ในคอมพิวเตอร์ ก็เลือก "upload เอง"
โดยต้องใช้ไฟล์ที่มีสกุล mpeg, 3gp, wmv, mov, mp4, wma,mp3 ที่มีขนาดไม่เกิน 100 MB
![](http://www.oknation.net/blog/home/blog_data/40/40/images/manual/NewClipupload14.jpg)
.
แล้วคลิก Browse เพื่อเปิดไฟล์
![](http://www.oknation.net/blog/home/blog_data/40/40/images/manual/NewClipupload15.jpg)
............. รอ ............ สักครู่
![](http://www.oknation.net/blog/home/blog_data/40/40/images/manual/NewClipupload17.jpg)
.
เมื่อการ upload เสร็จเรียบร้อย จะปรากฎรายงานขึ้นบนหน้าจอ ดังเช่น ตัวอย่างนี้
![](http://www.oknation.net/blog/home/blog_data/40/40/images/manual/NewClipupload18.jpg)
พร้อมๆกับได้รับคำยืนยัน ดังนี้
![](http://www.oknation.net/blog/home/blog_data/40/40/images/manual/NewClipupload19.jpg)
.
5. คลิก ok แล้วจะเห็นคลิปใหม่เพิ่มขึ้นในหน้า แก้ไข Video Clipให้คลิกภาพเข้าไป
![](http://www.oknation.net/blog/home/blog_data/40/40/images/manual/NewClipupload20.jpg)
.
6. ในหน้า blog จะปรากฎ Media Player พร้อมชุดโค้ดของคลิป พร้อมให้ท่าน copy ไปใช้ได้ ดังนี้
![](http://www.oknation.net/blog/home/blog_data/40/40/images/manual/NewClipupload21.jpg)
![](http://www.oknation.net/blog/home/blog_data/40/40/images/manual/NewClipupload23.jpg)
.
7. คลิกไปยังหน้า "จัดการ blog" แล้วไปที่แถบ สร้างเรื่อง หรือ แก้ไข แล้วแต่กรณี
![](http://www.oknation.net/blog/home/blog_data/40/40/images/manual/NewClipupload24.jpg)
![](http://www.oknation.net/blog/home/blog_data/40/40/images/manual/NewClipupload25.jpg)
กำหนดตำแหน่งที่จะวางคลิปในเนื้อเรื่อง แล้วคลิกปุ่ม HTML
.
8. high light ด้วยการเอาเม้าส์ลากทับเครื่องหมายกำหนดตำแหน่งที่จะวางคลิปทั้งหมดแล้ว คลิกเม้าส์ขวา เพื่อกด paste นำโค้ดมาวางแทนที่เครื่องหมาย
![](http://www.oknation.net/blog/home/blog_data/40/40/images/manual/NewClipupload26.jpg)
![](http://www.oknation.net/blog/home/blog_data/40/40/images/manual/NewClipupload27.jpg)
9. เมื่อคลิกปุ่ม จะเห็น Media Player ของคลิปที่ upload แล้ว ดังตัวอย่าง
![](http://www.oknation.net/blog/home/blog_data/40/40/images/manual/NewClipupload28.jpg)
(สังเกต ปุ่ม Play ตรงกลางคลิป ซึ่งหมายถึง การที่เราต้อคลิกปุ่ม play เพื่อให้คลิปเริ่มเล่น)
วิธีทำให้คลิปเล่นอัตโนมัติ
ให้กดปุ่ม HTML เพื่อแก้โค้ด ดังภาพ คือเปลี่ยนค่าคำสั่ง autostart จาก "false" ให้เป็น "true"
![](http://www.oknation.net/blog/home/blog_data/40/40/images/manual/NewClipupload29.jpg)
เมื่อคลิกปุ่ม HTML กลับมาจะเห็น Media Player ที่เริ่มเล่นเองโดยอัตโนมัติ และถ้าหากต้องการให้เล่นวนก็ให้เติม &repeat=always เข้าไป
![](http://www.oknation.net/blog/home/blog_data/118/21118/images/test.jpg)
![](http://www.oknation.net/blog/home/blog_data/40/40/images/manual/NewClipupload30.jpg)
(สังเกตตรงกลางจอ จะมีสัญญลักษณ์ ดอกไม้หมุน ซึ่งหมายถึงการเริ่มเล่นคลิปได้เริ่มแล้วโดยอัตโนมัติ)
วิธีปรับขนาดจอ Media Player ให้เล็กลง ในกรณีเป็น audio file
ให้คลิกปุ่ม HTML เพื่อเข้าไปแก้ไขขนาดของจอภาพในโค้ด โดย high light ด้วยการลากเม้าส์ทับคำสั่ง Width และ Height แล้วเปลี่ยนขนาดความกว้างและความสูงให้เหมาะสม
![](http://www.oknation.net/blog/home/blog_data/40/40/images/manual/NewClipupload31.jpg)
เช่น จากความกว้างมาตรฐาน 425px เปลี่ยนเป็น 100px และจากความสูงสมาตรฐาน 355px เป็น 20px
![](http://www.oknation.net/blog/home/blog_data/40/40/images/manual/NewClipupload36.jpg)
จะได้ขนาด Media Player ตามตัวอย่างในภาพนี้
![](http://www.oknation.net/blog/home/blog_data/40/40/images/manual/NewClipupload37.jpg)
ซึ่ง blogger อาจจะปรับเป็นขนาดอื่นได้ตามความต้องการโดยใช้วิธีเดียวกัน
วิธี upload คลิปด้วยการ embed จากเวบอื่น
1. นำคลิปที่ถ่ายไว้ ไป upload ในเว็บรับฝากไฟล์ ยกตัวอย่างเช่น www.esnips.com
2. เลือกหน้ากากของ media player (ถ้ามีให้เลือก) จากเว็บรับฝากไฟล์ ซึ่งปกติจะมีโค้ดแจกให้ด้วย
![](http://www.oknation.net/blog/home/blog_data/40/40/images/manual/NewClipupload40.jpg)
3. copy โค้ด
![](http://www.oknation.net/blog/home/blog_data/40/40/images/manual/NewClipupload41.jpg)
4. Log in เข้ามาจัดการ blog ที่แถบ Video Clip
ใส่ข้อมูลต่างๆ เช่น ชื่อคลิป คำบรรยาย tags
แล้วคลิก embed จากเวบอื่น
จะเห็นว่ามีช่องเพิ่มขึ้นมา ให้ใส่รูปด้วย
![](http://www.oknation.net/blog/home/blog_data/40/40/images/manual/NewClipupload38.jpg)
.
5. เลือกภาพตามความเหมาะสมจากคอมพิวเตอร์
![](http://www.oknation.net/blog/home/blog_data/40/40/images/manual/NewClipupload39.jpg)
.
6. นำโค้ดที่ copy มาจากเว็บรับฝากไฟล์ มาpaste ลงในช่อง ใส่ลิงค์ที่ embed
แล้วคลิกบันทึก
![](http://www.oknation.net/blog/home/blog_data/40/40/images/manual/NewClipupload42.jpg)
เมื่อระบบ upload ให้แล้ว จะได้รับคำยืนยัน ดังภาพตัวอย่าง
![](http://www.oknation.net/blog/home/blog_data/40/40/images/manual/NewClipupload43.jpg)
คลิปใหม่จะปรากฎเพิ่มขึ้นในหน้า แก้ไข Video Clip ดังเช่น
![](http://www.oknation.net/blog/home/blog_data/40/40/images/manual/NewClipupload44.jpg)
เมื่อคลิกภาพเข้าไป จะไปที่หน้าแสดงคลิป ดังภาพ โดยที่จะไม่มีโค้ดแจกให้ ต่างจากกรณี upload เอง ที่จะมีโค้ดแจก
เป็นอันเสร็จเรียบร้อยแล้วนะครับ
ถ้ายังงงๆ สอบถามมาได้ครับทั้งที่บ้านนี้
http://www.oknation.net/blog/konto2/ และ
http://www.oknation.net/blog/manual/
|
![รูปส่วนตัว aof1234 รูปส่วนตัว aof1234](http://www.jokergameth.com/board/image.php?s=05b948c5be4b95b955ef548a798b6483&u=9502&dateline=1254773941) ![รูปส่วนตัว aof1234 รูปส่วนตัว aof1234](http://www.jokergameth.com/board/image.php?s=05b948c5be4b95b955ef548a798b6483&u=9502&dateline=1254773941)
วันที่ 19 ต.ค. 2552
Advertisement
![ตำนานเซ็งเป็ด!! ตำนานเซ็งเป็ด!!](news_pic/p63589741738.jpg) เปิดอ่าน 6,550 ครั้ง ![การพัฒนาแบบฝึกทักษะการอ่านสะกดคำ กลุ่มสาระการเรียนรู้ภาษาไทย ชั้นประถมศึกษาปีที่ 1 การพัฒนาแบบฝึกทักษะการอ่านสะกดคำ กลุ่มสาระการเรียนรู้ภาษาไทย ชั้นประถมศึกษาปีที่ 1](news_pic/arrow.jpg) เปิดอ่าน 6,441 ครั้ง ![เด็กสมัยใหม่ต้องเรียน Sketchpad กันแล้วนะ เด็กสมัยใหม่ต้องเรียน Sketchpad กันแล้วนะ](news_pic/arrow.jpg) เปิดอ่าน 6,678 ครั้ง !["หยาด"ถูกว่าอัพยา!!ขู่ฟ้องคลื่นวิทยุดัง.. "หยาด"ถูกว่าอัพยา!!ขู่ฟ้องคลื่นวิทยุดัง..](news_pic/arrow.jpg) เปิดอ่าน 6,426 ครั้ง ![10..อุปนิสัย ที่ควรนำสอนลูก.. 10..อุปนิสัย ที่ควรนำสอนลูก..](news_pic/p64646612038.jpg) เปิดอ่าน 6,432 ครั้ง ![บทเรียนสำเร็จรูปคณิตศาสตร์ป.4 บทเรียนสำเร็จรูปคณิตศาสตร์ป.4](news_pic/arrow.jpg) เปิดอ่าน 6,509 ครั้ง ![เผยแพร่ผลงานทางวิชาการ เผยแพร่ผลงานทางวิชาการ](news_pic/arrow.jpg) เปิดอ่าน 6,428 ครั้ง !["แนะวิธีดูสุริยุปราคา 22ก.ค."<7-9 โมงเช้า> "แนะวิธีดูสุริยุปราคา 22ก.ค."<7-9 โมงเช้า>](news_pic/p36550300936.jpg) เปิดอ่าน 6,427 ครั้ง ![ชุดการสอน ชุดการสอน](news_pic/arrow.jpg) เปิดอ่าน 6,600 ครั้ง ![ขำๆ....ก่อนแต่งงาน.....หลังแต่งงาน ขำๆ....ก่อนแต่งงาน.....หลังแต่งงาน](news_pic/p20534751738.jpg) เปิดอ่าน 6,435 ครั้ง ![สุดยอดนวัตกรรมใหม่ สุดยอดนวัตกรรมใหม่](news_pic/arrow.jpg) เปิดอ่าน 6,429 ครั้ง ![อาหารหน้าร้อน กินอาหารดับร้อน อาหารหน้าร้อน กินอาหารดับร้อน](news_pic/p70553371659.jpg) เปิดอ่าน 6,442 ครั้ง ![ประวัติการทำงาน นายสมัคร สุทนทรเวช ประวัติการทำงาน นายสมัคร สุทนทรเวช](news_pic/arrow.jpg) เปิดอ่าน 6,424 ครั้ง ![ตะลึง!!ทานตะวัน..บานบนคอนกรีต ตะลึง!!ทานตะวัน..บานบนคอนกรีต](news_pic/arrow.jpg) เปิดอ่าน 6,435 ครั้ง ![ดัดตน...แก้ลมไหล่ขัด...ด้วยตนเอง ดัดตน...แก้ลมไหล่ขัด...ด้วยตนเอง](news_pic/p63322830528.jpg) เปิดอ่าน 6,432 ครั้ง ![ศึกษาดูงาน..มาเลเซียและสิงคโปร์ ศึกษาดูงาน..มาเลเซียและสิงคโปร์](news_pic/p24952622158.jpg) เปิดอ่าน 6,483 ครั้ง
|
![เทคนิคการสอนแบบโครงงานอย่างง่าย เทคนิคการสอนแบบโครงงานอย่างง่าย](news_pic/p74569211350.jpg)
เปิดอ่าน 6,613 ☕ คลิกอ่านเลย |
![ดวงประจำวันที่ 19/12/52 ดวงประจำวันที่ 19/12/52](news_pic/arrow.jpg)
เปิดอ่าน 6,510 ☕ คลิกอ่านเลย | ![เรียงความเรื่อง.....พ่อ ..." ผู้ชายที่ผมเคยเกลียด" เรียงความเรื่อง.....พ่อ ..." ผู้ชายที่ผมเคยเกลียด"](news_pic/p74434902217.jpg)
เปิดอ่าน 6,523 ☕ คลิกอ่านเลย | ![แหล่งความรู้ภายนอกโรงเรียน แหล่งความรู้ภายนอกโรงเรียน](news_pic/arrow.jpg)
เปิดอ่าน 7,610 ☕ คลิกอ่านเลย | ![ข้อแนะนำ...สำหรับการทำงานร่วมกันอย่างมีประสิทธิภาพในโลกไร้พรมแดน ข้อแนะนำ...สำหรับการทำงานร่วมกันอย่างมีประสิทธิภาพในโลกไร้พรมแดน](news_pic/p73080401227.jpg)
เปิดอ่าน 6,433 ☕ คลิกอ่านเลย | ![ภาพเก่าๆของไทย.....หาดูยาก (มากๆ) ภาพเก่าๆของไทย.....หาดูยาก (มากๆ)](news_pic/p79382110632.jpg)
เปิดอ่าน 6,560 ☕ คลิกอ่านเลย | ![สังเกตมะเร็งชนิดต่างๆ ก่อนชีวิตจะเสี่ยง สังเกตมะเร็งชนิดต่างๆ ก่อนชีวิตจะเสี่ยง](news_pic/arrow.jpg)
เปิดอ่าน 6,426 ☕ คลิกอ่านเลย |
|
≡ เรื่องน่าอ่าน/สาระน่ารู้ ≡ ![สร้างนวัตกรรมเพื่อคนไทย ใช้ "ปัญญา" แก้ "ปัญหา" สร้างนวัตกรรมเพื่อคนไทย ใช้ "ปัญญา" แก้ "ปัญหา"](news_pic/p89640280656.jpg)
เปิดอ่าน 10,168 ครั้ง | ![อวกาศมีกลิ่นเหมือนอะไร? อวกาศมีกลิ่นเหมือนอะไร?](news_pic/p45304860201.jpg)
เปิดอ่าน 24,568 ครั้ง | ![เราสอบไปเพื่ออะไร? เราสอบไปเพื่ออะไร?](news_pic/p85650130945.jpg)
เปิดอ่าน 22,096 ครั้ง | ![Chat & Hi5 อาจนำภัยถึงตัว Chat & Hi5 อาจนำภัยถึงตัว](news_pic/p68702810934.jpg)
เปิดอ่าน 11,780 ครั้ง | ![กำนันสิตาย(MV) คลิปเลียนแบบ กังนัมสไตล์ ฮาแค่ไหน ดูเอาเอง กำนันสิตาย(MV) คลิปเลียนแบบ กังนัมสไตล์ ฮาแค่ไหน ดูเอาเอง](news_pic/p25146770820.jpg)
เปิดอ่าน 15,776 ครั้ง |
|
|