oo

Posted: ธันวาคม 21, 2010 in Uncategorized

oo

Advertisements

ดาวโหลดโปรแกรม http://www.login.in.th/dl.php?type=d&id=13 และติดตั้งโปรแกรม Windows Media Encoder

วิธีการใช้งาน Windows Media Encoder

หลังจากที่เปิดโปรแกรม Windows Media Encoder จะพบกับหน้า New Session ให้กดเลือก Custom Session และกด OK ดังรูป

กรอบสีส้ม คุณสามารถกด Add เพื่อต้องการนำภาพ/กล้อง/วิดิโอ เข้ามานั้นจากหลายแหล่ง ซึ่งระหว่างออกอากาศคุณสามารถกดสลับภาพกันได้ตลอด
กรอบสีน้ำเงิน คือ ประเภทของข้อมูลที่คุณต้องการนำเข้า เช่นถ้าเป็น WebCam , การ์ด TV Turner ให้เลือก Devices , ถ้าเป็นไฟล์วิดิโอหรือรูปภาพให้เลือก File
กรอบสีเหลือง คือการเลือกและตั้งค่าแหล่งข้อมูลของคุณ เช่นถ้าเป็นภาพและเสียงจากการ์ด TV Turner ทำได้ดังรูป

กด Configure เพื่อตั้งค่า input และปรับคุณภาพของภาพและเสียง


เมื่อตั้งค่าเรียบร้อยแล้วกด Apply , OK

    ถ้าเลือก Source from : File นั้นใช้สำหรับนำไฟล์ภาพ หรือวิดิโอที่เป็นรูปแบบของไฟล์ .jpg , wmv , mpeg เข้ามากรอบสีเขียว ใช้สำหรับการตั้งค่าการกระทำของไฟล์ ในกรณีที่เลือก Source from: file เข้ามา เช่น At end : Loop คือเมื่อไฟล์ที่เล่นอยู่จบลงให้วนซ้ำไปเรื่อยๆ

    Tab Output คือการตั้งค่าการส่งสัญญาณ Encoder มาที่ Server ซึ่งข้อมูลเหล่านี้ คุณจะได้หลังจากชำระค่าบริการเรียบร้อยแล้ว

    Tab Compression คือการตั้งค่าความละเอียด , ขนาดหน้าจอ , คุณภาพและบิตเรทในการส่งสัญญาณ คุณสามารถกด Edit เพื่อตั้งค่าเพิ่มเติมได้เอง

    กด Apply เมื่อการตั้งค่าต่างๆเสร็จเรียบร้อยแล้ว

    หลังจากกด Apply จะมีหน้าต่างถาม UserName , Password

ใส่ UserName และ Password ที่ได้จากทีมงาน หลังจากชำระค่าบริการแล้ว

กด Start เพื่อเริ่มส่งสัญญาณออกอากาศ

เมื่อ Start แล้วจะได้ดังรูป

ที่ Monitor ไปที่ Tab Server จะแสดง Address สำหรับนำไปใช้งาน

สร้าง HTML Code Media Player เพื่อนำไปแปะหน้าเว็บได้ที่ http://www.login.in.th/tvplayer/gethtml.php

เวลาดูก็เปิด Windows Media Player ไปที่เมนู File >> Open URL >> ใส่        http://หมายเลข IP ของเรา:Port

http://192.168.8.111:8080

Video Streaming RED5

Posted: กันยายน 15, 2010 in Uncategorized

Red5 คือ application server ที่ทำหน้าที่กระจายสัญญาณต่างๆ ไม่ว่าจะเป็น vdo/audio/data โดยจะให้ flash มาเรียกใช้งาน

Red5 ทำอะไรได้บ้าง ?

Realtime Multiplayer gaming

Multiuser video chat

Stream Music/Audio

Stream video Record Video Record Audio

Broacast Live Streams to anyone with a flash client

Red 5 สนับสนุนระบบปฏิบัติการใดบ้าง ?

Window Server Linux Server Cent OS Server Free BSD Server Ubuntu Server Mac OSX 10.4

Streaming media

เป็นเทคโนโลยีที่สามารถ. เล่น เพลง วีดีโอ และ ข้อมูลแบบแอนนิเมชั่น โดยส่งผ่าน. อินเตอร์เน็ตในเวลาแบบ real time คือไม่ต้องรอการดาวน์โหลด

Live Streaming  คือ การถ่ายทอดแบบสดๆ (real time)

On-Demand Streaming คือ สามารถเรือกดูตอนไหนก็ได้และดูกลับไกลับมาได้

การติดตั้ง RED 5 บน Windows

เพิ่มเติม >> http://www.youtube.com/user/visioncoding เป็นไฟล์ VDO

ติดตั้งเสร็จแล้วจะทดสอบตัว Demos ของ Red5

เปิดไฟล์ BallControl.html ขึ้นมา2หน้า แล้วคลิ๊กที่ปุ่มสีฟ้าเพื่อเชื่อมต่อระหว่าง2หน้าเข้าด้วยกันเป็นการทดสอบระบบ ถ้าเลข5ข้างบนกลายเป็นสีเขียวก็แสดงว่าสามารถเชื่อมต่อทั้ง2หน้าเข้าด้วยกันได้แล้วเป็นอันเสร็จสิ้้นของการลงโปรแกรมและทดสอบโปรแกรมครับ

ขั้นต่อไปเราจะต้องเตรียมไฟล์ .flv ซึ่งเป็นไฟล์ที่ Flash Player สามารถเล่นได้ เราจึงต้องมีการ Encoder หรือการเข้ารหัสไฟล์ก่อน

FFmpeg Encoder

FFmpeg  เป็นโปรแกรมหนึ่ง ที่มีความสามารถเกี่ยวกับ Video,Audio, Media File ในรอบด้าน โปรแกรมนี้มีลักษณะการทำงานแบบ Command Lineใช้ในการแปลง Video,Audio, Media File เป็น .flv เนื่องจากไฟล์ Video,Audio, Media File ในฟอร์แมต .flv จะมีขนาดเล็กกว่าไฟล์นามสกุลอื่นเราก็จะใช้โปรแกรมนี้ในการแปลงไฟล์ที่เราอัปโหลดเพื่อให้เป็นไฟล์ สกุล .flv ซึ่งสามารถเปิดจาก player ที่เป็น flash ได้

การติดดั้ง FFmpeg เพื่อใช้งานบน Windows

1. ดาวน์โหลด FFmpeg สำหรับ Windows ได้จากที่นี่ http://ffmpeg.arrozcru.org/builds/ เลือกเวอร์ชั่นล่าสุด (มีสำหรับ 64 bits ด้วย)
2. แตกไฟล์ออก ไฟล์ที่เราจะใช้คือ ffmpeg.exe ให้เรา copy ไฟล์นี้แล้วเอาไปวางไว้ที่ root ของ Server เช่น C:\ffmpeg\ffmpeg.exe จริงๆแล้วเราสามารถแตกไฟล์แล้ววางไว้ที่ไหนก็ได้นะครับ เพียงแต่ว่า ในตอนที่เราเรียกใช้ เราต้องอ้าง path ของโปรแกรม ให้ถูกต้องเท่านั้น

วิธีเซต PARTH ของโปรแกรม

คลิกขวาที่ My computer จากนั้นเลือก Properties

เลือก Advanced > Environment Variables

คลิกเลือกที่ path  จากนั้นคลิก Edit เพื่อใส่ที่อยู่ของ Path

ใส่ที่อยู่ของโปรแกรม ffmpeg  เพิ่มเข้าไป แล้วกด OK  เป็นอันเสร็จวิธีเซ็ต Path

เพิ่มเติม >> http://www.youtube.com/watch?v=kc3ylxl1dNA เป็นไฟล์ VDO

การเรียกใช้งาน

Copy ไฟล์ video ที่จะแปลงไฟล์ มาไว้ในไดร์ฟ C:\

แล้วเปิด Command command line พิมพ์ตามนี้ครับ

C:cd \
ffmpeg  -I AVSEQ01.dat  AVSEQ01.flv แล้วกด Enter

คำสั่ง ffmpeg -i a.dat –b 512k a.flv เป็นคำสั่งที่กำหนด บิตเรต เพื่อที่จะได้ภาพคมชัดเท่ากับไฟล์ต้นฉบับ ยิ่งค่าบิตเรตสูงเท่าไหร่ไฟล์ที่ได้ก็จะสูงขึ้นตามไปด้วย

พอได้ไฟล์มาแล้วเราก็นำไฟล์ไปทำการ Stream บน Red5 แต่ต้องมีตัว Player ก่อน ซึ่งในที่นี้เราจะใช้ Flow  Player สามารถเล่นไฟล์ีที่เป็นไฟล์แฟลชได้

FLOW PLAYER

Flow Player เป็นเครื่องเล่นวิดีโอในรูปแบบ Flash Video FLV  : Flow player เป็น Open Source เครื่องเล่นวีดีโอสำหรับเว็บ ใช้ในการฝังวิดีโอสตรีมใน เว็บสำหรับเจ้าของเว็บไซต์นักพัฒนา

1. ดาวโหลดไฟล์ flowplayer-3.2.2.js , flowplayer-3.2.2.min.js ,flowplayer-3.2.2.swf มาไว้ในเวปเพจของคุณ                                                     2.เขียนไฟล์ .html ที่ใช้ในการสร้างหน้าเวปแสดงวีดิโอ โดยใช้โปรแกรม Notepad++ หรือ โปรแกรมอื่นๆตามแต่ถนัด                                                                       3. เริ่มต้นการเขียนสคริป โดยการอ้าง path โปรแกรมในเวปของคุณ  <script src=”path/to/the/flowplayer-3.2.2.min.js”></script>

4. นำไฟล์ วีดิโอ ที่จะทำการตรีมมิ่งอัปไปไว้ใน โฮตส์ เวปของคุณ จากนั้นก็เขียนสคริปต่อลงมา เพิ่ม อ้างที่อยู่ของไฟล์วิดิโอ และขนาดของไฟล์วิดิโอที่จะแสดงบนหน้าเวปไซด์

<a href=”http://vod01.netdna.com/vod/demo.flowplayer/flowplayer-700.flv

” style=”display:block;width:425px;height:300px;”

id=”player”> </a>

5.เขียนสคริปจบท้าย เพื่อเซ็ตให้เรียก JavaScript ในหน้าเวป

html <script> flowplayer(“player”, “path/to/the/flowplayer-3.2.2.swf”); </script>

ตัวอย่าง  Source code

<html>

<script type =”text/javascript” src=”http://static.flowplayer.org/js/flowplayer-3.2.2.min.js”></script>

<head>

//อ้าง path โปรแกรม//

</head>

<body>

<!– player container–>

<a

href=”http://vod01.netdna.com/vod/demo.flowplayer/flowplayer-700.flv” //อ้าง path ที่อยู่ของไฟล์วิดิโอ//

style=”display:block;width:425px;height:300px;” //กำหนดขนาดของวิดิโอที่จะแสดงในหน้าเวปเพจ//

id=”player”>

</a>

<script>

flowplayer(“player”, “http://releases.flowplayer.org/swf/flowplayer-3.2.2.swf”);

</script></body>

</html>

เสร็จแล้วเรียกใช้งานผ่าน Web Browser เช่น IE,Chome,Firfox

โดยพิมพ์  http://IPเครื่อง:พอร็ต/demos/ชื่อไฟล์.html

ตัวอย่าง http://127.0.0.1:5080/demos/b.html

หมายเหตุ: อาจจะต้องปิด Firewall ก่อนทำการ Stream น่ะคับ

นี่คือการสร้างระบบ Streaming Media server จาก RED5 อย่างง่ายคับ