การพฒนาระบบซซทวบนเครอขายสตรมมง Development CCTV System on Streaming Media

อครพล ศรเคนขนธ Akkaraphon Srikenkhant

สารนพนธฉบบนเปนสวนหนงของการศกษา หลกสตรวทยาศาสตรมหาบณฑต สาขาวชาวศวกรรมเครอขาย

คณะวทยาการและเทคโนโลยสารสนเทศ มหาวทยาลยเทคโนโลยมหานคร

ปการศกษา 2555

I

หวขอโครงงาน การพฒนาระบบซซทวบนเครอขายสตรมมง นกศกษา นายอครพล ศรเคนขนธ รหสนกศกษา 5217660039 หลกสตร วทยาศาสตรมหาบณฑต สาขาวศวกรรมเครอขาย ปการศกษา 2555 อาจารยทปรกษา ผศ.ดร.หมดอามน หมนหลน

บทคดยอ สารนพนธฉบบน นาเสนอพฒนาระบบซซทวบนเครอขายสตรมมงซงใชโปรแกรม Red5 ในการพฒนาระบบนเนองจากเปนโปรแกรมฟรและใชโปรโตคอล RTMP (Real Time Massage Protocol) ในการรบสงขอมล ปจจบนมการใชโปรแกรม Red5 ในเครอขายสตรมมงอยางกวางขวางอาท YouTube เปนตน การศกษาโครงงานนมการใชงานในสวนของการออกแบบเวบเพอใหใชงานงายขนจากเดมทมการใชงานจากตวกลองเอง และชวยใหพนทจดเกบมขนาดนอยลงดวย

II

กตตกรรมประกาศ

ในการศกษาโครงงานครงน สาเรจลลวงไปไดดวยด โดยไดรบการสนบสนนอยางดยงจากอาจารยทปรกษา ผศ.ดร.หมดอามน หมนหลน ทใหความร ตลอดจนคาแนะนาและขอคดตางๆ ถงแนวทางการดาเนนโครงงาน ผศกษาขอขอบพระคณอาจารยทใหความรเปนอยางด

การศกษาโครงงานน ขอขอบคณเพอนนกศกษาสาขาวศวกรรมเครอขายทกทานทเปนกาลงใจและคอยใหความเหนทเปนประโยชน หวหนางานและเพอนรวมงาน บจก.ไอท ดสทรบชน ทใหเวลา โอกาสและคาแนะนาทเปนประโยชนยง

สดทายน คณคาและประโยชนอนพงมจากโครงงานฉบบน ผศกษาขอมอบแดบดา มารดา ผใหกาเนด พนองทคอยเปนกาลงใจทสรางแรงผลกดนและความมงมน อาจารย ผทถายทอดความรในทกดานและผทมพระคณททาใหการทาโครงงานฉบบนผานไปดวยดและประสบความสาเรจในวนน

อครพล ศรเคนขนธ

III

สารบญ หนา

บทคดยอภาษาไทย ................................................................................................................ I กตตกรรมประกาศ ................................................................................................................. II สารบญ................................................................................................................................. III สารบญรป ............................................................................................................................ V สารบญตาราง ...................................................................................................................... VI บทท 1 บทนา........................................................................................................................ 1 1.1 ปญหาและแรงจงใจ ............................................................................................. 1 1.2 แนวทางการแกไขปญหา ..................................................................................... 2 1.3 วตถประสงคของโครงงาน ................................................................................... 2 1.4 ภาพรวมของระบบและสถาปตยกรรมของโครงงาน .............................................. 2 1.5 ขอบเขตของโครงงาน .......................................................................................... 3 1.6 ประโยชนทคาดวาจะไดรบ .................................................................................. 3 1.7 โครงสรางของสารนพนธ ..................................................................................... 4 บทท 2 พนฐานและทฤษฎทเกยวของ .................................................................................... 5 2.1 กลองวงจรปด ..................................................................................................... 5 2.1.1 องคประกอบของระบบซซทว .............................................................. 5 2.2 กลองไอพ ........................................................................................................... 7 2.2.1 คณสมบตของกลองไอพ ...................................................................... 8 2.2.2 ประโยชนของกลองวงจรปด ............................................................... 9 2.2.3 โปรโตคอลทใชในการทางาน .............................................................. 9 2.3 Red5 ................................................................................................................ 12 2.3.1 คณสมบตของ Red5 ......................................................................... 13 2.3.2 Adobe Flash .................................................................................... 14 2.4 ระบบ Streaming Media Technology ........................................................... 14 2.4.1 ระบบ Streaming Media Technology .............................................. 15 2.4.2 Streaming With Web Server ........................................................... 15 2.4.3 Streaming With Streaming Media Server .................................... 16 2.4.4 Protocol ทใชใน Streaming Technology .......................................... 16 2.4.5 รปแบบทเกยวกบการสงสญญาณ ...................................................... 17 2.5 Batch Processing ............................................................................................ 17

IV

สารบญ (ตอ) หนา

2.6 พนฐานการเขยนเวปไซต ................................................................................. 18 บทท 3 แนวคดในการออกแบบระบบซซทวบนเครอขายสตรมมง .......................................... 20 3.1 ปญหาและแนวคดทมอยในปจจบน .................................................................... 20 3.2 แนวทางปรบปรงประสทธภาพทนาเสนอ ........................................................... 22 3.2.1 ขนตอนการทางาน ............................................................................ 22 3.3 ผลทคาดวาจะไดรบ........................................................................................... 25 3.4 สรปทายบท ...................................................................................................... 25 บทท 4 ขนตอนการดาเนนงานและผลการดาเนนงาน ........................................................... 26 4.1 ศกษาขอมลตางๆ จากกลองไอพและสตรมมงเซรฟเวอร .................................... 27 4.2 การตดตงโปรแกรมตางๆทใชและ SDK ของกลอง ............................................. 28 4.2.1 การตดตงโปรแกรม Red5 ................................................................. 28 4.2.2 การตดตงคากลอง AXIS .................................................................... 32 4.2.3 การตดตง SDK ของกลองไอพ ........................................................... 35 4.3 การเขยนเวปเพอทาการเชอมตอกบกลองและการแกไข Web Page Red5 ......... 37 4.3.1 การเขยนเวปเพอดภาพจากกลอง ...................................................... 37 4.3.2 การแกไข Red5 ในสวนของ SWF .................................................... 38 4.4 การเขยนสครปและตงคาในโปรแกรม Task Schedule ....................................... 41 4.4.1 คาสงการเขยนสครป ........................................................................ 42 4.4.2 การตงคาในโปรแกรม Task Schedule .............................................. 43 4.5 การทดลองใชงาน ............................................................................................. 47 4.6 เปรยบเทยบคณสมบตของโครงงานกบระบบซซทวทมขายตามทองตลาด .......... 50 บทท 5 สรปผลการทดลอง ................................................................................................... 51 5.1 สรปผลการทดลอง ............................................................................................ 51 5.2 ขอเสนอแนะ ..................................................................................................... 51 5.3 แนวทางการพฒนาตอ ....................................................................................... 51 เอกสารอางอง ...................................................................................................................... 52

V

สารบญรป หนา รปท 1.1 โครงสรางของระบบทไดรบการออกแบบ .................................................................. 3 รปท 2.1 องคประกอบของระบบซซทว ................................................................................... 5 รปท 2.2 รปของกลองไอพ รน AXIS P1343 … ..................................................................... 8 รปท 2.3 หนาเวบของกลองไอพ รน AXIS P1343 .................................................................. 8 รปท 2.4 ตราสญลกษณของ Red 5 ..................................................................................... 12 รปท 2.5 แผนภาพสรปการสราง RED 5 Application ........................................................... 13 รปท 3.1 เปรยบเทยบขนาดของภาพในขนาดความละเอยดตางๆ ......................................... 21 รปท 3.2 แสดงโครงขายทใชในการทดลอง ........................................................................... 22 รปท 3.3 แสดงโครงสรางททาการพฒนา .............................................................................. 23 รปท 4.1 ขอมลทไดจาการดกจบขอมล ................................................................................. 27 รปท 4.2 ขอมลทไดจาการดกจบขอมลเมอมภาพแสดง ......................................................... 28 รปท 4.3 การตดตงโปรแกรม Red5 (1) ................................................................................ 29 รปท 4.4 การตดตงโปรแกรม Red5 (2) ................................................................................ 30 รปท 4.5 การตดตงโปรแกรม Red5 (3) ................................................................................ 31 รปท 4.6 การตดตงโปรแกรม Red5 (4) ................................................................................ 32 รปท 4.7 แสดงหนาหลกของโปรแกรม Red5 ....................................................................... 32 รปท 4.8 แสดงหนาหลกของกลอง AXIS .............................................................................. 33 รปท 4.9 การตงคากลอง AXIS (1) ....................................................................................... 33 รปท 4.10 การตงคากลอง AXIS (2) ..................................................................................... 34 รปท 4.11 การตงคากลอง AXIS (3) ..................................................................................... 34 รปท 4.12 การตดตงโปรแกรม SDK ของกลอง AXIS (1) ..................................................... 35 รปท 4.13 การตดตงโปรแกรม SDK ของกลอง AXIS (2) ..................................................... 36 รปท 4.14 การตดตงโปรแกรม SDK ของกลอง AXIS (3) ..................................................... 36 รปท 4.15 การตดตงโปรแกรม SDK ของกลอง AXIS (4) ..................................................... 37 รปท 4.16 แสดงหนาไฟลทใชแกไข Red5 ทใชในการ Playback .......................................... 39 รปท 4.17 แสดงหนาการแกไขหนาเวปของ Red5 (1) .......................................................... 39 รปท 4.18 แสดงหนาการแกไขหนาเวปของ Red5 (2) .......................................................... 40 รปท 4.19 แสดงหนาการแกไขหนาเวปของ Red5 (3) .......................................................... 40 รปท 4.20 แสดงหนาการแกไขหนาเวปของ Red5 (4) .......................................................... 41 รปท 4.21 การตงคาโปรแกรม Task Schedule (1) ............................................................... 42 รปท 4.22 การตงคาโปรแกรม Task Schedule (2) ............................................................... 43

VI

สารบญรป(ตอ) หนา รปท 4.23 การตงคาโปรแกรม Task Schedule (3) ............................................................... 44 รปท 4.24 การตงคาโปรแกรม Task Schedule (4) ............................................................... 45 รปท 4.25 การตงคาโปรแกรม Task Schedule (5)……………………………………………..46 รปท 4.26 การตงคาโปรแกรม Task Schedule (6) ............................................................... 47 รปท 4.27 แสดงหนาแรกของเวปบราวเซอร ........................................................................ 47 รปท 4.28 แสดงหนาเวปเมอเขาส Red5 ทพฒนาแลว .......................................................... 48 รปท 4.29 แสดงหนาเวปเมอเขาส Red5 ทพฒนาแลว .......................................................... 48 รปท 4.30 แสดงหนาเวปเมอดภาพสดจากกลอง ................................................................... 49 รปท 4.31 แสดงหนาเวปเมอดภาพยอนหลง ......................................................................... 49

สารบญตาราง หนา ตารางท 3.1 ขนาดความละเอยดของภาพขนาดตางๆ ........................................................... 21 ตารางท 3.2 คาพารามเตอรของอปกรณตางๆทใชในการทดลอง .......................................... 24 ตารางท 4.1 ตารางเปรยบเทยบคณสมบตของการใชงาน ..................................................... 50

1

บทท 1 บทนา

1.1 ปญหาและแรงจงใจ

ในปจจบน บคคลและองคกรณทงภาครฐและเอกชน ไดหนมามความสนใจในระบบรกษาความปลอดภยกนมากขน และหนงในระบบการรกษาความปลอดภยททกคนนกถงเปนอนดบแรกคงหนไมพน ระบบกลองวงจรปด (CCTV) ซงกาลงไดรบความนยมอยางมากในขณะน และระบบกลองวงจรปดกยงมการพฒนาไปในทางทดข นทงระะบบภาพและการสงขอมล

ปจจบนไดมการนาระบบเทคโนโลยสารสนเทศเขามามสวนเกยวของในการสงสญญาณภาพมาใชในระบบกลองวงจรปด (กลองไอพ) ซงงายตอการตดตงและลดคาใชจายในเรองของสายสญญาณ เพราะสามารถใชสาย UTP เชอมตอเขากบระบบเครอขายเดมได ซงไมจาเปนตองเดนสาย Coaxial เหมอนกบกลองแบบเดมทเปนแบบ อนาลอก (Analog) และคณภาพของภาพทกลองไอพถายภาพไวไดกมคณภาพดกวา และสามารถพฒนาไดอก ทสาคญสามารถตรวจสอบดภาพสดผานทางอนเทอรเนตไดไมวาจะอยทไหนเพยงแคมเครอขายอนเทอรเนต

ถงแมวากลองไอพจะมความสามารถมากมายเพยงใดกตาม แตปจจบนในการดภาพจากกลองไอพยงคงดผานเวบบราวเซอรทเปน IE (Internet Explorer) เทานนและจะตองใชอนเทอรเนตทมความเรวสงอกดวย รวมทงหากตองการใชงานในรปแบบทเปนสาธารณะ เชน กลองวงจรปดทใชดงานจราจรและอตราการเคลอนตวรถในถนนแตละสายใน กทม. เปนตน ยงไมมประสทธภาพเทาทควร

ปจจบนกลอง กลองไอพ ยงมขอจากดในการใชงานอย โดยเฉพาะผผลตสวนใหญจะหนไปพฒนากลองใหรองรบกบระบบปฏบตการของ Microsoft Windows เปนสวยใหญ แตทางผจดทาไดสงเกตเหนวาปจจบนระบบปฏบตการลนกซ กาลงเขามามบทบาททางดานคอมพวเตอรมากขน โดยเฉพาะองคกรขนาดเลก ซงมขอจากดทางดานเงนทกกหนมาใชระบบปฏบตการลนกซไดมการพฒนามาในทางทด ใชงานงายและมความสามารถใกลเคยงกบ ระบบปฏบตการของ Microsoft Windows มากขนเรอยๆ ทสาคญไมมคาใชจายเนองจากเปน Open Source และถาหากเราสามารถทาใหกลองไอพสามารถทจะดภาพไดจากเวบบราวเซอรทกยหอ กจะสามารถดไดทกระบบระบบปฏบต เพยงแคมเวบบราวเซอรและตอกบอนเทอรเนต และระบบตรวจสอบสภาพการจราจรของทาง กทม. กยงไมมประสทธภาพเทาทควร

ดวยแรงจงใจทตวผจดทาเอง มตาแหนงหนาทออกแบบและปรบปรงระบบ ใหมเสถยรภาพมากทสด จงมองวาระบบนหากไดรบการออกแบบและปรบปรงการสงขอมลทด

2

จะทาใหสามารถใชงานกลองไอพบนระบบปฏบตอนๆ หรอแมแตดผานสมารทโฟนได และอนาคตหากไดรบการพฒนาอยางตอเนองมลคาของระบบกลองวงจรปดกจะถกลงและนาใชงานมากขน

1.2 แนวทางแกปญหา

โดยปกตกลองวงจรปดจะใช Software ทพฒนามาจากภาษา C, C#, C++ เปนสวนใหญ ซงหากตองการพฒนา กจะตองใช SDK (Software Development Kids) จากทางผผลตมาทาการพฒนาตอ ซงสวนใหญ SDK จะตองเสยคาใชจายดงนนทางผจดทาจงไดเลอกกลองไอพทไมตองเสยคาใชจาย ในทนคอกลอง AXIS สวนของระบบ Streaming ใชซอฟแวร Red5 เปน Streaming Server ซงเปน Open Source โดยมข นตอนดงน

1.2.1 ตรวจสอบและศกษาคาตางๆในการสงขอมลของกลองไอพโดยใชโปรแกรม Wireshark เปนตวดกจบขอมล

1.2.2 ตรวจสอบและศกษาความหมาย Parameters ตางๆของ SDK 1.2.3 ทาการศกษาระบบ Streaming 1.2.4 ทาการตดตอสอสารระหวางกลองไอพ กบ Streaming Server 1.2.5 เขยนเวบขนมาเพอรองรบการดภาพผานเวบบราวเซอร

1.3 วตถประสงคของโครงงาน 1.3.1 เพอศกษาการสงขอมลของกลองไอพ 1.3.2 เพอใหสามารถทราบถงปญหาของการดภาพของกลองไอพในระบบ

Streaming 1.3.4 ทาการเขยนเวปไซดเพอทจะสามารถดภาพจากกลองไอพ ไดงายและนาใช 1.3.5 ลดคาใชจายในสวนของพนทจดเกบไฟลวดโดทบนทกจากกลองวงจรปด 1.3.6 สามารถนาไปพฒนาตอได

1.4 ภาพรวมของระบบและสถาปตยกรรมของระบบทจดทา สถาปตยกรรมของระบบ (Architecture) จาก รปท 1.1 โครงสรางของระบบ สามารถ

อธบายไดดงน No.1 ตดตงกลอง กลองไอพ สงขอมลผานสาย UTP เขามาทวงแลน No.2 บนทกภาพและแปลงไฟลใหเปน .flv เพอทจะสามารถนาไปเลนผานระบบ Streaming เนองจาก Red5 Server รองรบไฟล .flv No.3 Web Server ใชในการสอสารกบ Red5 Server เพอใหแสดงภาพจากระบบ Streaming และใหผใชสามารถใชงานไดงายและนาใชมากขน

3

No.4 ดภาพสดของกลองไอพจาก Web Server ซงไดทาการเขยนเวปเชอมตอกบกลองไอพผานทางเวบบราวเซอรบน Notebook ระบบปฏบตการวนโดวส

รปท 1.1 โครงสรางของระบบทไดออกแบบ 1.5 ขอบเขตของโครงงาน

1.5.1 ศกษาและตรวจด Parameters และ Protocol ทสงออกมาจากกลองไอพ 1.5.2 ศกษาและตรวจด Parameters บน SDK 1.5.3 ทดลองแปลงไฟลจากไฟลทบนทกไดจากกลองไอพใหเปนไฟล .flv 1.5.4 ทดลองสงภาพผาน Red5 Server 1.5.5 ทาการเขยน web เพอใหรองรบการใชงานผาน Web Browser และนาภาพ

จาก Red5 Server และกลองไอพมาแสดงบนเวปบราวเซอร 1.5.6 ทดลองใชงานกบ Web Browser Google Chrome, IE, Firefox 1.5.7 ประเมนผลการทดลอง

1.6 ประโยชนทคาดวาจะไดรบ

1.6.1 มความรความเขาใจในระบบการสงผานขอมลของกลองไอพ 1.6.2 สามารถนาเอาไปตดตงใชงานไดจรงกบองคกร และนาขอมลตางๆมาใช

ประโยชนใหกบองคกร และตนเองได 1.6.3 สามารถนาขอมลทไดไปใชในการพฒนาแกไขตอไป

4

1.6.4 สามารถลดคาใชจายในการตดตงระบบ CCTV 1.7 โครงสรางของสารนพนธ

1.7.1 บทท 1 บทนา กลาวถง ปญหาและแรงจงใจในการเสนอโครงงานวตถประสงค ขอบเขตของโครงงาน ภาพรวมของระบบทจดทา และประโยชนทคาดวาจะไดรบจากการทาโครงงาน

1.7.2 บทท 2 ความรพนฐาน ทเกยวของกบการจดทาโครงงาน ทฤษฏท เกยวของและเครองตาง ๆ ทใชในการจดทาโครงงาน

1.7.3 บทท 3 การออกแบบระบบกลาวถง วธและขนตอน กระบวนการ ดาเนนงานในการสรางโปรแกรมตงแตกระบวนการออกแบบระบบจนกระทงการเขยนโปรแกรม

1.7.4 บทท 4 ผลการดาเนนงาน กลาวถง ผลจากการดาเนนในขอ 1.7.3 1.7.5 บทท 5 สรปผลโครงงาน กลาวถง ผลลพธทไดจากการดาเนนงาน และ

ขอเสนอแนะในการนาโครงงานไปประยกตใช

5

บทท 2 ทฤษฎทเกยวของ

กลองไอพเปนอปกรณทเปนหลกสาคญอกสวนหนงของโครงงาน ซงมหนาทในการ

บนทกภาพเหตการณยอนหลงเอาไว เพอสามารถทจะเปดดไดกรณทเกดเหตการณไมคาดคดใดๆขนเพราะฉะนนในบทนจะกลาวถงตวกลองทใชในการถายภาพ ซงจะมทงกลองแบบอนาลอก (Analog) หรอทเรยกกนวากลองซซทว (CCTV) และกลองทเปนแบบดจตอล (Digital) หรอทเรยกวากลองไอพ (IP) หรอไอพแคมนนเอง 2.1 ระบบซซทว (Closed-Circuit Television)

กอนอนกมาทาความรจกกบกลองซซทวกนกอนซงเปนแนวคดททาใหเกดกลองไอพขนในชวงตอมา โดย CCTV มาจากคาวา Closed-Circuit Television ซงเปนกลองวงจรปดแบบอนาลอกทใชในการถายทอดสญญาณโทรทศนจากตวกลองวงจรป ดทตดตงอยตามจดตางๆทอยในวงจรเดยวกนมาสเครองรบโดยทวไปใชเพอสงเกตการณหรอเฝ าระวงความปลอดภยในจดตางๆโดยจะมสวนกลางทจะคอยดแลสงเกตเหตการณทอาจจะเกดความผดปกตผานทางหนาจอโทรทศนการทางานของระบบโทรทศนวงจรป ดทสมบรณนนตองประกอบดวยอปกรณหลายภาคสวน ทงภาครบ ภาคสง และภาคบนทกสญญาณภาพ โดยพนฐานแลวไมวาจะเปนระบบเลกหรอใหญมกจะมองคประกอบของระบบทเหมอนกน แตอาจจะมการดดแปลงเพมเตมอปกรณในบางสวน เพอเพมความสามารถของระบบ ทงนขนอยกบความตองการของผใชงาน ปจจยทางเทคโนโลย รวมไปถงงบประมาณการตดตง 2.1.2 องคประกอบของระบบซซทว ไดแก กลองวงจรปด, จอรบสญญาณภาพ และเครองบนทกภาพ ดงแสดงในรปท 2.1 ดงน

รปท 2.1 องคประกอบของระบบซซทว

6

2.1.2.1 กลองวงจรปด [7] ทาหนาท ในสวนของภาคสงเปนตวมองภาพ

ในจดทเราตองการสงเกตการณ กลองทเลอกใชงานนนจะตองเปนกลองวงจรปดโดยเฉพาะ เนองจากไดถกออกแบบพฒนาขนมาเพอรองรบงานในลกษณะน ไมวาจะเปนเลนส การรบแสง ระบบการรองรบสญญาณภาพแบบพาลหรอเอนทเอสซ (PAL/NTSC) แผงวงจรของตวกลองวงจรปด หรอแมแตการบรรจลงในกลองทตองออกแบบมาใหทนทาน เนองจากตองใชงานอยตลอดเวลา ซงลกษณะรปแบบตวกลองจะขนอยกบความเหมาะสมของพนททตองการใชงานในปจจบนกลองวงจรปดทใชงาน ม 2 ลกษณะ คอ ตดตงตายตว และแบบทสามารถหมนปรบทศทางไดซงกลองวงจรปดตดตงตายตว หรอกลองวงจรปดตดอยกบท การตดตงแบบนตวกลองจะตดตงอยบนขากลองหรออนๆ ซงไมสามารถขยบ หรอหมนเปลยนทศทางได และกลองวงจรปดทสามารถหมนปรบทศทางไดเพอเพมประสทธภาพในการใชงาน ระบบโทรทศนวงจรปดจงไดมการเพมอปกรณประกอบเขาไป คอฐานทใชตดตงกบตวกลองสามารถเปลยนทศทางในการดได โดยการหมน ซาย ขวา กม เงย ได และอาจจะมอปกรณอนเพมเตม เชน เลนสทสามารถปรบขนาดภาพได โดยกลองประเภทนมกจะตดตงไวยงทสง และตองมความทนทานตอแดดและฝนกลองประเภทหมนปรบทศทางได ซงกลองวงจรปดแบบนจะใชเลนสทมคณภาพ หรอเลนสทสามารถปรบขนาดของภาพไดเพอทจะใหไดภาพทไดมความคมชดมากขน

เลนสทใชกบกลองวงจรปดทวไปมอยดวยกน 2 แบบ คอเลนสปรบขนาดภาพได โดยการปรบเปลยนความยาวโฟกส เลนสทนามาใชสวนมากจะเปนชนดทควบคมการทางานดวยมอเตอร หรอทเรยกวา มอเตอรไรซซมเลนส(Motorized Zoom Lens) ซงมอเตอรจะทาหนาทขบใหวงแหวนเปลยนคาความยาวโฟกสไปตามทตองการเลนสขนาดภาพคงท เปนเลนสทไมสามารถปรบความยาวโฟกสได โรงงานผผลตจะเปนผกาหนดคาความยาวโฟกสของเลนสทผลตออกมา ซงจะมความแตกตางกนไปตามขนาดการเลอกใชเลนสทมความยาวโฟกสคงทนนควรเลอกใชตามความตองการและความเหมาะสมกบพนทจงจะไดขนาดภาพทด โดยความยาวโฟกสจะมความสมพนธกบมมมองภาพ ความยาวโฟกสยงมาก มมมองของภาพกจะยงแคบ ความยาวโฟกสยงนอย มมมองของภาพกจะกวางตามไปดวย 2.1.2.2 จอรบสญญาณภาพ [7] ทาหนาทในสวนของภาครบสญญาณ เปนตวเผยแพรสญญาณภาพทไดจากกลองวงจรปด สาหรบจอรบสญญาณภาพนนจะเปนจอโทรทศนหรอจอคอมพวเตอรกได ขนอยกบระบบเครองบนทกภาพทใชงาน อยางไรกตามหากมเครองบนทกภาพกไมจาเปนทจะตองมจอรบภาพกไดเพราะการบนทกภาพจะถกบนทกลงไปยงสอบนทกภาพ เชน มวนวดโอ แผนซด แผนดวด และสามารถนาสอบนทกเหลานออกมาเปดดภายหลงได ขนาดของจอรบสญญาณภาพจะขนอยกบขนาดของระบบโทรทศนวงจรปดวาจะมขนาดใหญเพยงใด โดยทวไปหากระบบโทรทศนวงจร

7

ปดมขนาดทใหญ รองรบกบกลองวงจรปดหลายๆตว จงจาเปนจะตองมตวรบสญญาณภาพหลายๆจอเพอใหสามารถดไดหลายๆ จดพรอมกน ซงทาใหสนเปลองพนทในการตดตง 2.1.2.3 เครองบนทกภาพ [7] ทาหนาทในสวนของภาคบนทกภาพทไดจากกลองวงจรปดแลวสงผานไปยงจอรบสญญาณภาพ จงเปนตวททาหนาทอยตรงกลางระหวางกลองวงจรปด และจอรบสญญาณภาพ เครองบนทกภาพเปนอปกรณททาใหสามารถบนทกภาพเหตการณทเกดขน และเรยกดยอนหลงได 2.2 กลองไอพ (IP)

กลองไอพ หรอทเรยกกนวาไอพแคม โดยภาพทไดจากกลองไอพนน จะเปนแบบดจตอล ซงกคอกลองวงจรปดทรวมเอาความสามารถของคอมพวเตอรไวในตวกลองเปนหนงเดยวกน กลองไอพจะเกบภาพสถานการณสดๆ ทาการสงขอมลผานไปบนระบบเครอขายอนเตอรเนตโพรโตคอล ผใชสามารถมองเหนเหตการณจากระยะไกลอกทงสามารถจดเกบภาพเหตการณนน รวมถงควบคม หรอกาหนดการตงคาตางๆของกลองผานทางอนเตอรเนตโพรโตคอลได โดยทกลองไอพจะมไอพแอดเดรส (IP Address) เปนของตวเองซงมไอพแอดเดรสคามาตรฐานเปนคาเรมตน 192.168.0.90 ซงผใชงานสามารถเปลยนแปลงไอพแอดเดรสของกลองไดตามตองการ คอ XXX.XXX.XXX.XXX

ขอดของกลองไอพ กคอไมจาเปนทจะตองตอกบคอมพวเตอรอยตลอดเวลาซงจะตางกบเวบแคมทตองตอกบคอมพวเตอรถงจะใชงานได กลองไอพสามารถทจะทางานไดดวยตวของมนเอง เนองจากมระบบปฏบตการลนกซ (Linux) ฝงอยดวย และสามารถทจะเอาไปตดตงทไหนกไดทมระบบเครอขาย (Network) ทมากไปกวานนกคอ กลองไอพ ยงมฟงกชนการทางานเพมเตมอนๆ อกมากมาย เชน

1. ฟงกชนตรวจจบการเคลอนไหว หากพบวามสงผดปกตคอ หากมเหตการณความเคลอนไหวกลองไอพจะทาการถายภาพเกบไวหรอทาการบนทกลงบนฮารดดสกถาหากเชอมตอกบคอมพวเตอร และจะสงสญญาณเตอนไปยงผดแลระบบหรอผใชงาน

2. ฟงกชนเสยง กลองไอพยงมความสามารถทจะสงขอมลภาพและเสยงไดพรอมกน ซงจะมฟงกชนนในบางรนเทานน

3. ฟงกชนอนพตและเอาตพต (Input and Output) ซงถอวาเปนฟงกชนอรรถประโยชน ทผใชงานสามารถนาไปประยกตการทางานไดหลายแบบ

4. ความสามารถของกลองไอพยงสามารถใชในการเชอมตอกบอนเตอรเนตโพรโตคอลไดทงผานแลน (LAN) กลองไอพทไดเลอกมาเปนกลองไอพยหอเอซส (AXIS) ซงเปนรน P1343 ดงรปท 2.2 และ หนาตาของเวปในกลองไอพจะมลกษณะดง รปท 2.3

8

รปท 2.2 รปของกลองไอพ รน AXIS P1343

รปท 2.3 หนาเวบของกลองไอพ AXIS รน P1343

2.2.1 คณสมบตของกลองไอพรน AXIS M1343 Series - ใชระบบปฏบตการ Linux OS - รองรบฟงกชนการบบอดไฟลวดโอแบบ H.264 และ Motion JPEG - ขนาด Resolution : 800X600 Pixels(SVGA)

9

- รองรบการบนทกภาพแบบ SD/SDHC memory card ทตวกลอง - รองรบการตรวจจบความเคลอนไหวและสงสญญาณเตอนไปยงเครอง

แมขาย - รองรบฟงกชน PoE (Power over Internet) - มเวบเซรฟเวอรในตวกลองซงกคอระบบปฏบตการลนกซนนเอง ทา

ใหมองเหนภาพผานเวบบราวเซอร - มระบบเขารหสผานกอนเขาใชงาน (Multi user level password

protection) - เชอมตอกบระบบเครอขายดวยสายแลน (10/100 BaseT ethernet

network) - รองรบ IPv4/v6, HTTP, HTTPS, FTP, SMTP, DNS, DynDNS,

RTSP, RTP, TCP, UDP, DHCP, ARP เปนตน - สามารถเปลยนภาพในเวลากลางคนใหเปนขาวดา และกลางวนเปน

ภาพส (Day/Night) โดยอตโนมต 2.2.2 ประโยชนของกลองไอพ 2.2.2.1 ดภาพไดจากทกสถานท (Remote Access) สามารถดภาพเสมอนจรงผานกลองไอพไดตลอดเวลา และสามารถทจะดไดจากสถานทใดกได ทมอนเตอรเนตเชอมตอ และทสาคญการเขาดภาพจากกลองทไดตงไวสามารถดไดมากกวาหนงคน 2.2.2.2 สามารถควบคมการทางานของกลองไอพหลายๆตวทตดตงไวตางสถานทกนจากจดควบคมเดยวกน (Central Monitoring) ทาใหลดตนทน และลดจานวนคนดแลควบคมกลองไอพในแตละสถานทได 2.2.2.3 ใหความคมชดของของภาพไดมากกวากลองอนาลอกหลายเทา 2.2.2.4 ชวยเพมประสทธภาพของระบบรกษาความปลอดภยจากเหตการณทไมพงประสงค (Improved security) ซงคณสมบตระบบตรวจจบความเคลอนไหวในตวกลอง และเลนสอนฟราเรด ซงเปนเลนสทชวยทาใหดภาพไดคมชดในชวงเวลากลางคน ลวนทาใหระบบรกษาความปลอดภยมประสทธภาพมากขน 2.2.2.5 ชวยลดคาใชจายในการเดนสายระบบเครอขาย ดวยตวกลองมเทคโนโลยในการเชอมตอกบระบบเครอขายแบบไรสายได การเชอมตอผานสายจงดจะไมจาเปนอกตอไป อกทงชวยในดานความประหยด และความสวยงามไดอกดวย

2.2.3 โพรโตคอลทใชในการทางานของกลองไอพ ไดแก 2.2.3.1 ไอพ (IP : Internet Protocol) [1] เปนอนเตอรเนตโพรโตคอลใน

ระดบชนเนตเวรกเลเยอร (Network Layer) ทาหนาท จดการเกยวกบทอยของขอมล และควบคมการสงขอมลทใชในการหาเสนทางของแพกเกจ และสามารถเปลยนแปลงเสนทาง

10

ไดในระหวางการสงขอมล มระบบการแยก และประกอบดาตา-แกรม (Datagram) เพอรองรบการสงขอมลระดบดาตาลงคทมขนาดของชองทางการสง (MTU :Maximum Transmission Unit) ทแตกตางกน จงทาการแบงขอมลทมขนาดใหญออกเปนชดกอนจะสงขอมลออกไป ทาใหสามารถนาไอพไปใชบนโพรโตคอลอนไดหลากหลาย เชน อนเตอรเนตทอลคเกนรง (Token Ring Networks) หรอ แอปเปลทอรค (Apple Talk) การเชอมตอของไอพเพอทาการสงขอมลจะเกดเสนทางการเชอมตอในทกๆครง (Connectionless) ของการสงขอมล 1 ดาตา-แกรม โดยจะไมทราบถงขอมลดาตาแกรมทสงกอนหนาหรอสงตามมา แตการสงขอมลใน 1 ดาตา-แกรมนนอาจจะเกดการสงไดหลายครงในกรณทมการแบงขอมลออกเปนสวนยอยๆ(Fragmentation) และถกนาไปรวมเปนดาตาแกรมเดมเมอถงปลายทาง และจะมไอพแอดเดรสเปนหมายเลขประจาคอมพวเตอร และอปกรณตางๆ ทเชอมตออยในเครอขาย เพอใชระบทอยหรอตาแหนงของคอมพวเตอรและอปกรณโดยไมซากน ทาใหคอมพวเตอรและอปกรณสามารถตดตอสอสาร หรอรบสงขอมลไดอยางถกตอง

ไอพแอดเดรส มลกษณะเปนตวเลข 4 กลม แตละกลมจะคนดวยเครองหมายมหพภาพ (.) เชน 192.168.1.22 ไอพแอดเดรสกเปรยบไดกบเลขทบาน ซงบานแตละหลงจะตองมเลขทบานทไมซากน เพราะถาซากนแลว บรษไปรษณยจะหาทอยไมเจอ ทาใหสงจดหมายไมได สาหรบมาตรฐานการกาหนดไอพแอดเดรส จะมหนวยงานกลาง คอ InterNIC (Inter Network Information Center) ทาหนาทจดสรรไอพแอดเดรสใหกบผใชทวโลก ไอพแอดเดรสในปจจบานยงคงใชเวอรชน 4 แตในอนาคตจะนเวอรชน 6 มาใช เรยกวา IPv6

ตามปกตสาหรบผใชอนเทอรเนตตามบานทวไป จะไดไอพแอดเดรสมากตอเมอใชโมเดมเชอมตอไปยงผใหบรการอนเทอรเนต ซงจะไดไอพแอดเดรสมาใชชวคราว 1 หมายเลขทใชไดจรงบนอนเทอรเนต (Public IP Address) หากจะวาไปแลวไอพแอดเดรสนไมไดนามากาหนดทคอมพวเตอรโดยตรง แตจะถกกาหนดไวทอปกรณในการเชอมตอ เชน โมเดมหรอเราเตอร และเมอตดการเชอมตอจากผใหบรการอนเทอรเนตแลว หมายเลขไอพแอดเดรสทไดรบมานกจะถกยกเลก ถาเชอมตอครงใหมกจะไดไอพแอดเดรสชดใหมมาอก เปนแบบนเรอยไป โดยสามารถตรวจดไอพแอดเดรสทไดรบมาจากผใหบรการอนเทอรเนตไดจากคาสง ipconfig บน Command Prompt

2.2.3.2 ทซพ (TCP: Transmission Control Protocol) [1] เปนอนเตอรเนตโพรโตคอล ทอยในชนทรานสปอรตเลเยอร (Transport Layer) ทาหนาทจดการ และควบคม การรบสงขอมลซงมความสามารถ และรายละเอยดมากกวายดพ (UDP) โดยดาตาแกรมของทซพจะมความสมพนธตอเนองกน และมกลไกควบคมการรบสงขอมลใหมความถกตอง (Reliable) และมการสอสารอยางเปนกระบวนการ เปนแบบทมการกาหนดชองทางการสอสารตลอดระยะเวลาการสอสาร (Connection-oriented) ซง

11

จะยอมใหมการสงขอมลเปนแบบไบทสตรม (Byte-stream) ทไวใจไดโดยไมมขอผดพลาด ขอมลทมปรมาณมากจะถกแบงออกเปนสวนเลกๆเรยกวาเมสเซส (Message) ซงจะถกสงไปยงผรบผานทางชนสอสารของอนเตอรเนต ทางฝายผรบจะนาเมสเซสมาเรยงตอกนตามลาดบเปนขอมลตวเดม ทซพยงมความสามารถในการควบคมการไหลของขอมล เพอปองกนไมใหผสงทาการสงขอมลเรวเกนกวาทผรบจะทางานไดทนอกดวย

2.2.3.3 ยดพ (UDP: User Datagram Protocol) [1] เปนอนเตอรเนตโพรโตคอลทอยในชนทรานสปอรตเลเยอร (Transport Layer) เชนเดยวกนกบ ทซพโพรโตคอล เปนการตดตอแบบไมตอเนอง (Connectionless) มการตรวจสอบความถกตองของขอมล (Reliable) แตจะไมมการแจงกลบไปยงผสง จงถอไดวาไมมการตรวจสอบความถกตองของขอมล อยางไรกตามวธการนมขอดในดานความรวดเรวในการสงขอมลจงนยมใชในระบบผใหบรการและผใชบรการ (Client/Server system) ซงมการสอสารแบบถาม-ตอบ (Request/Reply) และนอกจากนนยงใชในการสงขอมลประเภทภาพเคลอนไหว หรอการสงสญญาณเสยง (Voice) ทางอนเตอรเนต

2.2.3.4 เฮชททพ (HTTP: Hyper Text Transport Protocol) [1] คออนเตอรเนตโพรโตคอลทใชสอสารระหวางคอมพวเตอรลกขาย (Client computer) กบคอมพวเตอรแมขาย (Server computer) ทาใหทงสองเครองรวาจะจดการสงขอมลไปอยางไร โพรโตคอลนทางานอยบนทซพไอพอกชนหนง รปแบบการทางานจะไมมการจองชองทางทใชในการตดตอโดยลกขายจะเรยกขอมลจากแมขายโดยการสงขอความ (Request) ไปแลวและจะตดการตดตอทนท จากนนจะรอจนกระทงแมขายสงขอมลกลบมาให ประโยชนของการทางานแบบไมจองสายของเครอขายอนเตอรเนตทาใหแมขายสามารถใหบรการแกลกขายไดหลายๆคนพรอมๆกน การสอสารของเวลดไวดเวบจงมประสทธภาพมากขน

2.2.3.5 ไอซเอมพ (ICMP: Internet Control Message Protocol) [1] เปนโพรโตคอลทใชในการตรวจสอบ และรายงานสถานภาพของดาตาแกรม (Datagram) ทถกสงออกมา ในกรณทเกดปญหากบดาตาแกรม เชน เราเตอรไมสามารถสงดาตาแกรมไปถงปลายทางได ไอซเอมพจะถกสงออกไปยงโฮสตนทาง เพอรายงานถงขอผดพลาดทเกดขน 2.2.3.6 อารทเอสพ (RTSP: Real Time Streaming Protocol) [1] Real-Time Streaming Protocol หรอ RTSP เปนโปรโตคอลทใชรบสงขอมลมลตมเดยระหวางเซรฟเวอรกบ คอมพวเตอรปลายทาง ซงจะทาใหการรบสงขอมลตอเนองผานอนเตอรเนต โดยตวเซรฟเวอรดานผสงสามารถสงขอมลไปใหผรบปลายทางเพยงคนเดยว หรอจะสงไปใหผรบหลายๆ คนในลกษณะเปนกลมกได ซง RTSP ถกกาหนดใหเปนโปรโตคอลทนาไปใชในอนเตอรเนตโดย Internet Engineering Task Force (IETF) ในเดอนเมษายน ป ค.ศ. 1998 เรยกวา RFC 232

12

2.3 RED 5 Red 5 [10] คอ Java Libraries เปน Open source โดยงานหลกคอการทา

Streaming Media โดยรปแบบการทางานมาจาก Flash Media Server ของ Adobe และทสาคญคอ Red5 ออกแบบมาเพอใหทางานรวมกบ Shockwave Flash File (*.swf) โดย Red5 รบผดชอบงานทางเครองแมขาย สวน SWF รบผดชอบงานทางดานเครองลกขาย การทางานกบ Red5 นนตองทาระบบใหเปน Client / Server นนคอตองมการแบงงานกนทาระหวาง Client กบ Server ทางดาน Client กใช SWF สวน Server ตองอาศยซอฟตแวรทเรยกวา Java Web Container เชน Tomcat , Jetty, Resin เปนตน มาชวยเพอใหโปรแกรมทพฒนาดวย Red5 ทางานเปน Server บนเวบดงรปท 2.5 ซง Red5 จะมสญลกษณดงรปท 2.4

รปท 2.4 ตราสญลกษณของ Red 5

13

รปท 2.5 แผนภาพสรปการสราง RED 5 Application

2.3.1 คณสมบตของ Red 5 โอเพนซอรซ [4] Red 5 Open Source มคณสมบตทนาสนใจอยหลายอยางทเหมาะสาหรบการนาไปพฒนาเปนการประชมทางไกลผานเวบ ดงน 2.3.1.1 Streaming Video (FLV) คอการรบชมรายการสด ๆ แบบ real time เหมอนการดโทรทศน คณสมบตเปนแบบ .FLV 2.3.1.2 Streaming Audio (MP3) คอการรบฟงรายการสด ๆ แบบ real time เหมอนกนฟงวทย คณสมบตเปนแบบ MP3 2.3.1.3 Recording Client Stream (FLV only) คอ ฝ งเครองลกขายสามารถบนทก วดโอในนามสกล .FLV 2.3.1.4 Shared Object สามารถแบงปนเอกสารตาง ๆ ใหกนได 2.3.1.5 Live Stream การสงสญญาณจากสถานหลกและสถานเครอขายใชคอมพวเตอรรบสญญาณถายถอดสด (Live or On Demand) 2.3.1.6 Remoting (AMF) ใชสงผานขอมลระหวาง Server และ Flash Client โดยใช AMF

14

2.3.2 อะโดบ แฟลช (Adobe Flash) [12]

ในชอเดมชอกเวฟแฟลช (Shockwave Flash) และ แมโครมเดยแฟลช(Macromedia Flash) เปนโปรแกรมทใชในการเขยนสอมลตมเดยทเอาไวใชสรางเนอหาเกยวกบ Flash ซงตว Flash Player พฒนาและเผยแพรโดย อะโดบซสเตมส (เรมตนพฒนาโดยบรษท ฟวเจอรแวร ตอนหลงเปลยนเปน แมโครมเดย ซงภายหลงถกควบรวมกจการเขากบ อะโดบ) ซงเปนโปรแกรมททาให เวบเบราวเซอร สามารถแสดงตวมนได ซงมนมความสามารถในการรองรบ ภาพแบบเวกเตอร และ ภาพแบบแรสเตอร และมภาษาสครปตทเอาไวใชเขยนโดยเฉพาะเรยกวา แอกชนสครปต (ActionScript) และยงสามารถเลนเสยงและวดโอ แบบสเตรโอไดแตในความหมายจรงๆ แลว แฟลช คอโปรแกรมแบบ integrated development environment (IDE) และ Flash Player คอ virtual machine ทใชในการทางานงานของไฟล แฟลชซงในภาษาพดเราจะเรยกทงสองคานในความหมายเดยวกน: "แฟลช" ยงสามารถความความถงโปรแกรมเครองมอตางๆตวแสดงไฟลหรอ ไฟลโปรแกรม

แฟลชเรมมชอเสยงประมาณป ค.ศ. 1996 หลงจากนน เทคโนโลยแฟลชไดกลายมาเปนทนยมในการเสนอ แอนเมชน และ อนเตอรแอกทฟ ในเวบเพจ และในโปรแกรมหลายๆ โปรแกรมระบบ และ เครองมอตางๆ ทมความสามารถในการแสดง แฟลชได และ แฟลชยงเปนทนยมในการใชสราง แคอมพวเตอรแอนเมชนโฆษณาออกแบบสวนตางๆ ของเวบเพจใสวดโอบนเวบ และอนๆ อกมากมาย

ไฟล Flashในบางครงอาจเรยกวา "flash movies"โดยทวไปกบไฟลทม นามสกล .swf และ .flv

2.4 สตรมมงมเดย (Streaming media)

Streaming media [9] คอ รปแบบการตอสอสารทผท กาลงตดตอสอสารกนอยสามารถเหนหนากนไดโดยผานภาพวดโอ เสยงและมลตมเดยอนๆในเวลาเดยวกนเมอมการเขาสระบบอนเทอรเนตและสามารถพดคยโตตอบกนได ในปจจบนยงไมเปนทนยมมากนกเพราะพบปญหาในดานตางๆเชน ความเรวในการสงขอมล สอทมขนาดใหญมากเกนขอบเขตในการสงขอมล, ปญหาในเรองรปแบบของการตดตงอปกรณและอปกรณทใชในการตดตอสอสารตองใชตนทนสง

หลกในการทจะทา Steaming media จะตองมความรในเรองขอมลทจะสงไปยงผรบประกอบดวย

1. Text คอขอความ 2. Picture คอรปภาพ 3. Animation คอสอทเคลอนไหว

15

4. Video คอสอทมภาพและเสยง 5. Audio คอเสยง ถาหากวาขณะทกาลงสนทนากนอย ตองการทจะสงเอกสารหรอขอมลนนใหกน

และกนไฟลเหลานนจะตองมขนาดไมเกน 10 MB เพราะการสงขอมลทมขนาดใหญเกนไปจะตองเสยเวลาในการดาวนโหลด และทาใหการแสดงวดโอหยดชะงกทาใหการตดตอสอสารกนไมตอเนอง ทาใหผตดตอสอสารกนเกดความเบอหนาย เพราะหลกในการแสดง Streaming media คอการเลนไป โหลดไปจงจะทาใหการแสดงผลตอเนองและมประสทธภาพทงภาพและเสยง

เครองมอทใชในการทา Streaming media จะไดแกสวนของเครองมอทใชในการบนทกภาพและเสยงซงประกอบไปดวย แผนซด (CDROM) มวนแผนดวด (DVDROM) เทป(Tape) หรอมวนเทปวดโอ และสวนของเทคนคการสราง Streaming Media จะเหนไดจากเวบไซตหลาย ๆ เวบไซตทมการผลต ออกมาเชนการแสดงภาพการเคลอนไหว, ภาพวดโอเคลอนไหว แผนสไลด เปนตน ดงนนเพอใหครอบคลมความตองการของผใชและเพอใหเกดประสทธภาพสงสดจงไดนาเทคโนโลยตางๆมารวมกน จนเกดเปน Streaming Media และสามารถแบงรปแบบการผลต Streaming Media ไดดงน

2.4.1 ระบบ Streaming Media Technology [6] สาหรบวธการสงขอมล Audio และ Video ผาน web browser มอย 2 ประเภท

ใหญๆ คอ การใช Web Server ในการนาขอมลสงไปยง โปรแกรมทใชนาเสนอสอนนๆ และอกวธหนงคอการใช Streaming Media Server ซงจะใช Server โดยเฉพาะในการใหบรการขอมล Audio/Video

2.4.2 Streaming With Web Server [6] เปนการนาเสนอสอ Audio/Video บน Web จะใชการ download-and-play ซงการ

ทจะชมสอนนๆไดนน จะตองทาการ download ขอมลทงหมดมากอนจงจะสามารถเลนได ซงถงแมจะเปนสอขนาดเลกเพยง 30 วนาท อาจจะตองใชเวลา Download ถง 20 นาทกอนทจะสามารถนามาใชฟงได การใชงาน : การใชงาน multimedia file บน web server เรมจากทาการแปลง Audio/Video ใหอยในรปแบบสอทเหมาะสมสาหรบการสงขอมลบน internet โดยพจารณาจาก bandwidth เชน 28.8,33.6,56.6 kilobits per second สาหรบ modem ทวไปทาการ upload แฟมมลตมเดยไปยง web server และสรางเวปเพจทระบ URL ของแฟมมลตมเดยนนๆ เมอมการเรยกใชงานแฟมมลตมเดย client-side player จะทางานและเรม download แฟมมลตมเดย เมอแฟมทงหมด download เสรจสนแลวจงทาการ play ไฟลนนๆ การสงขอมล : Web Server ใชการตดตอผาน HyperText Transport Protocol (HTTP) ในการตดตอระหวาง server และ client ซง HTTP จะควบคม Transmission Control Protocol (TCP) ซงจะจดการเกยวกบการสงขอมลทงหมดเปาหมายของ TCP คอ

16

การเพมระดบการสงขอมลใหอยในระดบสงสดโดยทยงมความถกตองในขอมลนนๆ โดยใช Algorithm ทเรยกวา slow start โดยในตอนตน TCP จะทาการสงขอมลจานวนนอยๆ และคอยๆเพมขนจนปลายทางแจงมาวา packet มการสญหาย TCP จะถอวาปรมาณการสงขอมลทสมบรณกอน packet loss คอคาการสงขอมลสงสด และจะใชคานนในการสงขอมลตอไป 2.4.3 Streaming With Streaming Media Server [6] การชม Audio/Video จาก Streaming Media Server จะแตกตางออกไป โดยทStreaming Media file จะเรมเกอบในทนททเลน ระหวางทขอมลกาลงถกสง ผชมสามารถรบฟง/ชม สอนนๆไดทนท โดยไมจาเปนตองรอให download ขอมลทงหมดกอน ไมวาสอนนๆจะมขนาด 30 วนาท หรอ 30 นาทกตาม โดยม Buffer เปนตวชวย การใชงาน : ขนตอนเบองตนของการเตรยมแฟมมลตมเดย จะเหมอนกบการเตรยมสาหรบใชบน Web Server แตจะแตกตางตรงทวาแฟมทไดจะ upload ไปยง Streaming Media Server ซง Streaming Media Server และ Web Server อาจจะอยบน Server Machine ทใหบรการตวเดยวกนกไดเมอแฟมมลตมเดยถกเรยกใชงาน Web Browser จะสงไฟลขนาดเลกทเรยกวา Meta File ไปยง Client Player ซงใน meta file นจะระบปลายทางไปยง Streaming Media Server หลงจากนน Client Player จะตดตอกบStreaming Media Server โดยตรงโดยไมผานเวบบราวเซอรอก การสงขอมล : ถงแมวา Streaming Media Server สามารถทจะใช HTTP/TCP เหมอนกบ Web Server ได แตกสามารถใชโปรโตคอลอนๆเพอเพมประสทธภาพได เชน User Datagram Protocol (UDP) ซงมจดเดนทความเรว ขนาดเลก และไมมการทางานเกยวการสงขอมลซาหรอคานวณอตราการสงขอมล ซงจะเหมาะกบการสงขอมลแบบ realtime ซงขอมลทสญหายบางสวนหรอขอมลทเกด delay จะถกละความสนใจไป นอกจากน อาจมการใชงาน 2.4.4 Protocol ทใชใน Streaming Technology [3] สงทขาดไมไดในการใหบรการมลตมเดยดวยเทคโนโลย Streaming คอโปรโตคอลทใชสอสารซงโปรโตคอลนออกแบบมาใหมเพอใหมความเหมาะสมในการทางาน และยงใชโปรโตคอลเดมทมอยแลวไดอกสาหรบโปรโตคอลทใชในการสงขอมลแบบ Streaming มหลายตว คอ

2.4.4.1 Session Description Protocol (SDP) เปนโปรโตคอลทถกออกแบบมาเพอใชแสดงสอมลตมเดยใน Session ตางๆ

2.4.4.2 Real Time Transport Protocol (RTP) เปนโปรโตคอลทใชรปแบบการทางานของ UDP ซงจะเปนการสงขอมลในทศทางเดยว แบบเซรฟเวอรไปยงไคลเอนต โดยจะไมมการตรวจสอบความถกตองของขอมล ดงนนจงสามารถสงขอมลไดอยางรวดเรว และไดถกนามาใชในการสงขอมลมลตมเดย

17

2.4.4.3 Real Time Messaging Protocol (RTMP) เปนโปรโตคอล TCP ซงถกพฒนาโดยบรษท Adobe System เพอวตถประสงคในการสงขอมลเสยงและขอมลวดโอระหวาง Flash Player และสอเซรฟเวอร

2.4.4.4 Real Time Control Protocol (RTCP) เปนโปรโตคอลทจะทางานเกยวของกบ Protocol RTP ดวย ซง RTCP ถกใชในการควบคมแพกเกจขอมลทถกสงออกไปเปนระยะๆ เพอใหการทางานมประสทธภาพสงสด และตรวจสอบความถกตองดวย

2.4.4.5 Hypertext Transfer Protocol (HTTP) เปนโปรโตคอลทใชในการรบสงขอมลไฮเปอรเทกซโดยขณะทบราวเซอรเรยกไปยงเวบเซรฟเวอรกจะใชโปรโตคอลนในการรบสงขอมลกบเซรฟเวอร สาหรบการทางานกบเทคโนโลย Streaming นน Protocol HTTP จะทางานอยในชนของ Application ซงถกใชสาหรบการตดตอระหวาง Web Page กบ Web Application และเปนโปรโตคอล ทใชตดตอผานทาง Firewall ดวย

2.4.5 รปแบบทเกยวกบการสงสญญาณขอมลแบบ Streaming Media Bandwidth [2] คอปรมาณการสงขอมลทสามารถสงได ณ เวลาใดเวลาหนง ใน

ระบบเครอขาย bandwidth ทสงจะแสดงถงการสงผานขอมลทเรวกวา bandwidth ตา คาของ bandwidth จะแสดงในรป bits per second (bps)

Broadcast คอการสงสญญาณกระจายไปยงเครองผรบ ในการรบสญญาณ ทางฝ งผรบจะไมสามารถควบคมสอททาการสงสญญาณขณะนนได ซงเมอเปรยบเทยบกบการสงสญญาณแบบ on-demand เครองผรบจะสามารถทาการควบคมการเปด-ปด หรอเลนสอนนๆได

Unicast เปนการรบสญญาณซงการตดตอระหวางผสงและผรบ จะเปนแบบหนงตอหนง และการตดตอระหวางผสงและผรบ จะตองมการตดตอกนตลอดเวลาระหวางการสงขอมล

Multicast ทาการสงสญญาณจากเครองใหบรการ (server) หนงสายสญญาณไปยงผรบ (client) จานวนมาก โดยทผรบจะรอทาการตรวจสอบจาก IP ของเครองใหบรการ 2.5 Batch Processing [8] การประมวลผลแบบแบทช คอ วธการประมวลผลททาการเกบรวบรวมขอมลในแตละชวงเวลาไวกอน จนกวาจะมขอมลทประมวลผลจานวนหนง จงทาการประมวลผลพรอมกน เชน เวลาเขาออกของพนกงานอาจจะพมพเกบไวทกสปดาห แตนามาประมวลผลเดอนละครงเทานน (BATch file) แฟมแบบหนงใน DOS หรอ OS/2 ทสามารถประมวลผลได โดยการระบคาสงทตองการใหดาเนนการเขาไป และชอสกลของแฟมนคอ .bat สามารถสรางขนดวย Text Editor ซงไมโครซอฟทวนโดวใหการสนบสนนแบทซไฟล

18

2.6 พนฐานการเขยนเวปไซต [11] อนเตอรเนต (Internet) เปนเครอขายคอมพวเตอรทใหญทสดในโลกซงรวมเอาเครอขายยอยเปนจานวนมากตอเชอมภายใตมาตรฐานเดยวกนจนเปน เครอขายคอมพวเตอรขนาดใหญ ทาใหทวโลกเชอมโยงกน เปนเครอขายเดยวกนไดในแพลตฟอรมของ เวลด ไวด เวบ (World Wide Web) ลกษณะของเวลด ไวด เวบ (World Wide Web) หรอเรยกยอ ๆ วา เวบ (web) เปนอนเตอรเนตชนดหนงทอยในรปแบบของกราฟกและมลตมเดย ซงประกอบดวยขอความ (Text) ภาพ (Graphic) เสยง (Sound) และ ภาพเคลอนไหว (Movie) เปนตนผใชทวไปสามารถเขาไปในเวบไดงาย และจะไดรบขอมลครบถวนปจจบน ถาพดถงอนเตอรเนต คนทวไปจะเขาใจวาหมายถงเวบ ทงทจรงแลวเวบเปนสวนหนงของอนเตอรเนตเทานน เวบไซต (Website) และเวบเพจ (Webpage)เอกสารหรอสวนทตดตอกบผใชในเวบ เรยกวา เวบเพจ (Webpage) หมายถงเอกสารหนงหนา การใชเวบกคอการเปดอานหรอเปดใชเวบแตละหนานนเอง เวบเพจอาจสรางขนดวยภาษาคอมพวเตอร เชน HTML, ASP, PHP, JAVA ฯลฯ เมอนาเวบเพจหลาย ๆ หนามารวมกนและระบอยในอนเตอรเนตหรอยอารแอล(Uniform Resource Locator – URL) ใหกบเวบเพจกลมนนจะเรยกวาเวบไซต (Web Site) เมอเปดเวบไซตขนมาจะพบกบหนาแรกของเวบไซต ซงเรยกวาโฮมเพจ (Homepage) ซงเปนหนาทสาคญทสดและเปนหนาทจะเชอมโยงไปยงเวบเพจและเวบไซตอน ๆ เวบเบราเซอร (Web Browser) คอโปรแกรมทใชสาหรบเปดเวบเพจหรอ รบสงขอมลตามทเครองลกขายรองขอเมอเราเปดเขาสอนเตอรเนต เวบเบราเซอรทไดรบความนยมปจจบนมหลายโปรแกรม เชน Microsoft Internet Explorer (IE), Mozilla Firefox, และ Opera ภาษา HTML ยอมาจากคาวา Hypertext Markup Language เปนภาษาทใชสาหรบสรางเวบเพจ โดยจะไดรบการแปลหรอการแสดงผลโดยเวบเบราเซอรซงสามารถแสดงไดทงขอความ ภาพ และเสยง และภาพเคลอนไหว การสรางเวบเพจดวยภาษา HTML ใชโปรแกรมประมวลผลคาทวไป เชน Wordpad, Notepad และ MS-word เปนตน โดยปกตจะนยมใชโปรแกรม Notepad ซงมาพรอมกบปฏบตการวนโดวส ทาใหใชงานและแกไขงานสะดวก รปแบบโครงสรางภาษา HTML ประกอบดวย สวนเรมตนของคาสง เรยก Tag เปด และสวนจบของคาสง เรยก Tag ปด โดย Tag ปด จะมเครองหมาย Slash ( / ) ภาษา HTML จงมโครงสรางทงาย เหมาะสาหรบผเรมตนสรางเวบเพจ และใชงานรวมกบโปรแกรมการสรางเวบเพจอนๆ เพอทาใหเวบเพจสวยงามและมประสทธภาพมากยงขน

19

โดเมนเนม (Domain Name) หรอทเขาใจกนทวไป คอ ชอเรยกเวบไซตนนเอง การจดทะเบยนโดเมนเนมจงเปนการลงทะเบยนชอใหกบเวบไซตของเราในโลกอนเตอรเนต โดเมนเนมทขอจดทะเบยนจะตองไมซากบคนอน และควรตงใหเกยวของกบเนอหาภายในเวบไซต หรอเกยวของกบสนคาและบรการ ตลอดจนใชคางาย ๆ ใหจาได เชน sanook.com และ yahoo.com เปนตน

20

บทท 3 แนวคดในการออกแบบระบบซซทวบนเครอขายสตรมมง

ปจจบนในในการดภาพจากกลองไอพยงมปญหาอย เนองจากกลองไอพรองรบ

เฉพาะเวบบราวเซอร อนเทอรเนตเอกซเพลอเรอร (Internet Explorer) ดงนนปจจบนจงยงไมมกลองรนใดสามารถทจะดภาพผานเวบบราวเซอรอนๆได จงทาใหมขอจากดในการดภาพ ซงบางบรษทหรอบางสถานทมงบประมาณนอย กเรมจะหนมาใชระบบปฏบตการลนกซ (Linux OS) กนมากขน แตทวาระบบปฏบตการลนกซ ไมไดใชเวบบราวเซอร อนเทอรเนตเอกซเพลอเรอร แตจะไปใชเวบบราวเซอรอนทเปนโอเพนซอส (Open Source) ดงนนหากไดรบการพฒนามากขน กจะสามารถดกลองไอพผานเวบบราวเซอรใดกได และสามารถดไดในทกระบบปฏบตการ

3.1 ปญหาและแนวคดทมอยในปจจบน

ปจจบนจาวาแมชชนมอยในโปรแกรมเวบบราวเซอรทกโปรแกรม ทาใหโปรแกรมภาษาจาวาถกเรยกขนมาทางานบนเวบบราวเซอร เชน Internet Explorer หรอ Netscape Commander หรอ Opera บนคอมพวเตอรตางๆ ในปจจบนทใชอนเตอรเนตไดตางกมโปรแกรมเวบบราวเซอรทใชภาษาจาวาไดทงสน และภาษาจาวายงถกนาไปเรยกใชจากโปรแกรมในภาษา HTML ซงเปนภาษาทใชสรางเวบเพจไดดวย ซงทาใหภาษาจาวาเปนภาษาทใชเพมความสามารถใหแกเวบเพจ เนองจากจาวาเปนภาษาททางานไดเตมความสามารถของภาษาโปรแกรม รวมถงการสรางโปรแกรมระบบแตทวาเวบเซรฟเวอร ทถกบรรจอยในกลองไอพนนไมไดมในสวนของภาษาจาวาประกอบอยดวย จงไมสามารถทจะรองรบโปรแกรมเวบบราวเซอรทกโปรแกรมได

และโปรแกรมบนทกภาพของกลองไอพกยงบนทกเปนไฟลทมนามสกลเปนแบบ MPEG4 หรอ AVI เปนหลก ซงเวลาทจะดภาพยอนหลงกจะตองมโปรแกรมทใชเปดดและจะตองดาวนโหลดมาใหหมดกอนถงจะดได และการบนทกภาพในปจจบนมขนาดไฟลภาพใหญมากทาใหเปลองเนอทในการจดเกบถงแมวาปจจบนเทคโนโลยฮารดดสต จะพฒนามากขนมขนาดของพนทการใชงานมากขนแตกยงมราคาคอนขางทจะสงอย โดยเฉพาะฮารดดสตทใชในการบนทกภาพจากกลองวงจรปดซงราคาจะสงกวาฮารดดสตปรกต 0.5 เทา ดงนนหากสามารถบนทกภาพในรปแบบอนทมขนาดเลกลงและสามารถดผานเนตเวรคไดดกจะชวยแกปญหาตรงจดนไดอยางด

สวนการรบสงขอมลของกลองไอพในปจจบนกมการพฒนาการสงขอมลมากขน โดยจะเนนไปในแนวทางการลดขนาดของไฟลภาพทาใหเหมาะในการสงขอมล แตกยงตองเนนความละเอยดของภาพเนองจากสงทสาคญทสดของระบบกลองวงจรบดกคอภาพทบนทกไวตองมความละเอยดสงเพอชวยในการสอดสองดแลสถานททเราตองการ แตความ

21

ละเอยดมากกยอมจะมาคกบขนาดไฟลภาพทใหญขนดงนนในการทเราจะดภาพผานอนเทอรเนตจงตองใชเครอขายอนเทอรเนตทมความเรวสงพอสมควร แตถาหากเราสามารถลดขนาดไฟลลงไดโดยทภาพทบนทกยงสามารถบนทกไดทความละเอยดเทาเดมแตสงภาพผานอนเทอรเนตไดดกวากจะชวยแกปญหาไดอกระดบหนง ซงจากตารางท 3.1 และรปท 3.1 จะแสดงใหเหนขนาดของภาพขนาดตางๆ ใหดเขาใจงายขน

ตาราง 3.1 ขนาดความละเอยดของภาพขนาดตางๆ

ลาดบ ขนาดของภาพ (Pixel) ชอเรยกในทางเทคนค

1 352x288 CIF 2 640x480 VGA (0.3 Megapixel) 3 704x288 2CIF 4 704x576 4CIF (0.4 Megapixel) 5 1280x720 HD (1Megapixel) 6 1920x1080 Full HD (2Megapixel) 7 2288x1712 4Megapixel

รปท 3.1 เปรยบเทยบขนาดของภาพในขนาดความละเอยดตางๆ

22

3.2 แนวทางปรบปรงประสทธภาพทนาเสนอ

โครงงานชนนตองการทจะนาระบบสตรมมงมาประยกตใชงานกบระบบการสงขอมลภาพวดโอผานเครอขายเนตเวรคเพอตองการทจะทาใดการดภาพผานทางเครอขายมความเรวและสามารถถายทอดภาพแบบภาพเคลอนไหวเสมอนจรง (Real Time) ซงปจจบนกมการใชระบบสตรมมงมาใชงานกนมากมาย และมหลายคายทพฒนาระบบสตรมมงในทางทดข น ซงทางผจดทาไดเลอกใชโปรแกรม Red5 มาเปนเซรฟเวอรของระบบสตรมมงเนองจากเปนแบบฟรซอฟทแวร (Free Software) และเวบบราวเซอรตางๆ ตางกสามารถดภาพจากสตรมมงเซรฟเวอรนได

3.2.1 ขนตอนการทางาน โครงานนมข นตอนดาเนนงานดงตอไปน

รปท 3.2 แสดงโครงขายทใชในการทดลอง

23

รปท 3.3 แสดงโครงสรางททาการพฒนา

จากรปท 3.2 และ 3.3 สามารถอธบายขนตอนการประยกตใชระบบสตรมมงมาใชรวมกบระบบกลองวงจรปด ดงน 1. หลงจากททาการเชอมตอระบบทงหมดแลว กทาการลงโปรแกรม Red5 และ SDK ของกลอง AXIS ลงโปรแกรมแปลงไฟลวดโอมาเปนไฟลวดโอนามสกล เอฟแอลว (.FLV) ในทนเลอกใช Adobe Flash Media Encoder และทาการกาหนดคาไอพแอดเดรสใหครบดงตาราง 3.2

24

ตาราง 3.2 คาพารามเตอรของอปกรณตางๆทใชในการทดลอง ลาดบ อปกรณ หมายเลขไอพ ซบเนตมารค เกตเวย

1 กลองไอพ 192.168.1.34 255.255.255.0 192.168.1.1 2 สตรมมงเซรฟเวอร 192.168.1.38 255.255.255.0 192.168.1.1 3 เวบเซรฟเวอร 192.168.1.38 255.255.255.0 192.168.1.1 4 เราทเตอรเอ N/A N/A N/A 5 เราทเตอรบ 192.168.1.1 255.255.255.0 192.168.1.1 6 โนตบคเอ N/A N/A N/A 7 โนตบคบ 192.168.1.36 255.255.255.0 192.168.1.1

2. จากนนทาการเขยนโปรแกรมทาการเชอมตอระหวางกลองไอพเพอดภาพ สดและทาการปรบปรงเวปของโปรแกรม RED5 เพอใหนาใชงานและเหมาะกบการใชงาน 3. สวนการบนทกภาพจะมการสงภาพจากกลองไอพโดยใชโปรโตคอล RTSP ซงเปนโปรโตคอลหลกทใชในการสงขอมลของกลองไอทใชในการทดลอง ซงการสงสญญาณของกลองไอพจะตองทาการแปลงไฟลกอนซงในโครงงานนไดเลอกใชโปรแกรม Adobe Flash Media Encoder เปนโปรแกรมแปลงไฟลมาบนทกทสตรมมงเซรฟเวอร (192.168.1.38) เนองจากในการเลนไฟลทบนทกผานโปรแกรม Red5 จะตองเปนไฟล FLV การเผยแพรผานอนเตอรเนตและทสาคญโปรมแกรม RED5 ใชโปรโตคอล RTMP เทานน ดงนนตองอาศยการทาการเขารหสใหขอมลมขนาดเลกลงจนมขนาดเหมาะสม ซงการสงภาพจะเปนแบบไลฟสตรม (Live Stream) การเขารหสของ Flash Video จะเปนการนาเอาภาพทไดมาจากกลองไอพ มาวางเรยงตอกนบนเสนเวลา (time line) เมอจดสงขอมลเฟรมแรกไปแลว ซอฟตแวรจะทาการประมวลความแตกตางระหวางเฟรมทสงไปแลวกบเฟรมทกาลงจะสง และเลอกเฉพาะสวนทแตกตางสงออกไป ดงนนหากแตละเฟรมมความแตกตางกนนอยกจะทาใหอตราเรวในการสงขอมล (Bit rate) ทใชสงขอมลวดโอสตรม (Video Stream) กนอยลงไปดวย จงเหมาะในการเผยแพรผานอนเทอรเนต 4. เมอเครองลกขาย (192.168.1.36) ทาการรองขอมาทเวบเซรฟเวอร (192.168.1.38:80) จากนนเวบเซรฟเวอรจะทาการตดตอไปยงสตรมมงเซรฟเวอร (192.168.1.38:5080) เพอทาการใหทาการเชอมตอกนโดยตรงระหวางเครองลกขายกบเครองสรมมงเซรฟเวอร

25

3.3 ผลทคาดวาจะไดรบ 3.3.1 สามารถดภาพสด (Live View) ผานทางเวบบราวเซอรไดและมความรวดเรวเหมอนกบการดทวออนไลน 3.3.2 ในการดภาพยอนหลงสามารถดผานเวบบราวเซอรของทกคายไดแตสามารถดไดโดยไมตองโหลดขอมลมาเกบไวในเครองจนครบทกไฟลเสมอนดวดโอผานทางยทป (Yourtube) 3.3.3 งายตอการใชงาน 3.4 สรปทายบท

จากการศกษาโครงงานทผานมาทผานมาและประเดนปญหาทเกยวของกบการดภาพของกลองวงจรปดจนในการนาไปสการนาเสนอแนวคดใหมทไดกลาวไปขางตนแลวนน ซงในบทตอไปจะเปนการทดลอง และนาเสนอผลการทดลองทไดจากการทดลองในรปแบบขางตน พรอมทงไดอธบายเหตผลทไดจากการทดลอง

26

บทท 4 ขนตอนการดาเนนงานและผลการดาเนนงาน

จากการศกษาขอมลเบองตนทาใหการทาโครงานนตองทาการทดลองศกษาขอมล

ซงจะแบงออกเปน 3 สวนดวยกน สวนท 1 ในสวนของการแสดงภาพสดซงในการทดลองจะใชวธสอสารโดยตรงกบ

กลองไอพ สวนท 2 จะเกยวของกบการเกบบนทกภาพ ซงจะใชโปรแกรม Adobe Flash

Media Encoder สาหรบการแปลงไฟลและบนทกไปยง Red5 Server สวนท 3 เกยวกบการจดการตางรางบนทกทกภาพโดยใชการเขยนสครปและใช

โปรแกรม Schedule Task ในวนโดวส เปนตวจดการ ซงจะเปนไปตามลาดบขนตอนดงน 4.1 ศกษาและวเคราหลกษณะการสงขอมลของกลองไอพและศกษาการทางาน

ของสตรมมงเซรฟเวอร (Red5) 4.2 ตดตงโปรแกรมตางๆ และ SDK ของกลอง 4.3 ทาการเขยนเวบโดยใชภาษา HTML เพอทาการตดตอกบกลองไอพและ

สตรมมงเซรฟเวอรเพอดภาพ 4.4 เขยนสครปและตงคาในโปรแกรม Schedule Task จดการขอมลการ

บนทกภาพทแปลงไฟลจากโปรแกรม Adobe Flash Media Encoder เพอใหงายในการสบคนภายหลง

4.5 ทดสอบและใชงานเพอจะนาขอมลไปสรปผลการทาโครงงาน

27

4.1 ศกษาขอมลตางๆ จากกลองไอพ และ สตรมมงเซรฟเวอร (Red5) 4.1.1 ทาการดกจบขอมล ระหวางททาการเชอมตอกลองไอพ กบเครองคอมพวเตอรผานทางเวบบราวเซอรโดยใชโปรแกรมไวลชารค (WireShark) เปนโปรแกรมดกจบขอมล

รปท 4.1 ขอมลทไดจาการดกจบขอมล

ผลทไดเมอทาการดกจบขอมลกจะมการรองขอการเชอมตอกบเวบผานทางพอรท 80 โดยใชโปรโตคอล HTTP (Hypertext Transfer Protocol) ซงกเหมอนกบการรองขอผานการใชเวปทวๆไป ดงรปท 4.1

28

รปท 4.2 ขอมลทไดจาการดกจบขอมลเมอมภาพแสดง

เมอทาการใสชอผใชและรหสเพอทาการเชอมตอกบกลองไอพจากนนทาการดกจบขอมลโดยใชโปรแกรมไวลชารค (WireShark) ทาใหทราบวามการทาทอในการเชอมตอ(Tunneling) โดยสามารถดไดทโปรโตคอลทแสดงอยบนโปรแกรมไวลชารค (WireShark) แสดงเปน ESP ซงไมสามารถดขอมลภายในได ดงรปท 4.2 4.2 ตดตงโปรแกรมตางๆทใช และ SDK ของกลอง 4.2.1 การตดตงโปรแกรม Red5 บนคอมพวเตอรเซรฟเวอร

4.2.1.1 เขาไปดาวนโหลด Java Developer Kit (JDK) รน 1.6 หรอใหมกวา แลวตดตงโปรแกรม - Double Click ท jre-1_6_0_06-windows-i586-p (หรอใหม

กวา) - เลอก Typical setup > Accept > Finish

4.2.1.2 ตรวจสอบการลง Java - คลก Start > Control Panel > System and Security >

Administrative Tool > Services - ถาไมเจอลองตดตงโปรแกรมใหม ถาตดตงไมไดแสดงวาม

Java แลวแตมนไมปรากฏใหเหน 4.2.1.3 Double Click ท setup-red5-0.6.3

- คลก Next

29

- เลอก I accept the agreement > Next 4.2.1.4 ชองขางหนา Browse จะเหนขอความ C:\Program

Files\Java\jre1.5.0_06 ถาไมใชขอความน ใหคลกท Browse แลวหาโฟลเดอร C:\Program Files\Java\jre1.5.0_06 ใหเจอ จากนนคลก Next

4.2.1.5 ชองขางหนา Browse จะเหนขอความ C:\Program Files\Red5 > Next

4.2.1.6 ในชอง Full Installation คลกเลอกหนากรอบสเหลยมใหหมด จากนนคลก Next ดงรปท 4.3

รปท 4.3 แสดงหนาเมอเลอก Full installation

30

รปท 4.4 แสดงหนา Select Additional Tasks

31

4.2.1.7 คลกเลอกเฉพาะ Register as service > Next ดงรปท 4.4

รปท 4.5 แสดงหนาในการเลอกพอรตใหกบ Red5

4.2.1.8 สงเกตชอง RTMP port 1935 และ RTMPT port 8088 > Next > Install ดงรปท 4.5

4.2.1.9 คลก Start > Control Panel > System and Security > Administrative Tool > Services ดงรปท 4.6

32

รปท 4.6 แสดงการเปด Services ของโปรแกรม Red5

4.2.1.10 เลอก Red5 > Start service > Finish ดงรปท 4.6

รปท 4.7 แสดงหนาหลกของโปรแกรม Red5 บนเวปบราวเซอร

4.2.1.11 เขา Internet Explorer พมพ Address เปน http://localhost:5080 เพอทดสอบหลงการตดตงโปรแกรม Red5 ดงรปท 4.7

4.2.2 การตงคา AXIS IP Camera 4.2.2.1 เขา Internet Explorer พมพ Address เปน http://192.168.1.34

เพอเขาเวปของกลอง AXIS IP Camera ดงรปท 4.8

33

รปท 4.8 แสดงหนาหลกของกลอง AXIS บนเวปบราวเซอร

4.2.2.2 คลกไปท Setup เพอเขาไปตงคากลองไอพ ดงรปท 4.9

รปท 4.9 แสดงหนาของการตงคากลอง AXIS บนเวปบราวเซอร

34

4.2.2.3 คลกไปท TCP/IP เพอไปตงคา IP Address ของกลองตามตองการ ดงรปท 4.10

รปท 4.10 แสดงหนาทใชตงคาไอพแอดเดรสกลอง AXIS บนเวปบราวเซอร

4.2.2.4 คลกไปท Video Stream เพอเขาไปตงคาของความละเอยดของภาพดงรปท 4.11

รปท 4.11 แสดงหนาการตงคาความละเอยดของกลอง AXIS บนเวปบราวเซอร

35

4.2.3 การตดตง SDK ของกลองไอพ

4.2.3.1 ดาวนโหลด SDK ของกลอง AXIS จาก www.axis.com 4.2.3.2 ตดตง AXIS SDK โดยคลกไฟล

AXISMediaControlSDK_6_03.exe ดงรปท 4.12

รปท 4.12 แสดงหนาเรมตนเมอลง SDK ของกลอง AXIS

4.2.3.3 คลก Next > I accept the agreement > Next ดงรปท 4.13

36

รปท 4.13 แสดงหนา License Agreement ของ SDK AXIS

4.2.3.4 คลก Next ดงรปท 4.14

รปท 4.14 แสดงหนาตาแหนงทจะเกบไฟล SDK ของกลอง AXIS

37

4.2.3.5 คลก Next > Install > Finish ดงรปท 4.15

รปท 4.15 แสดงหนา Ready to Install SDK ของกลอง AXIS

4.3 การเขยนเวบเพอทาการเชอมตอกบกลองไอพและการแกไข Web Page ของโปรแกรม Red5 4.3.1 เขยนโปรแกรมดวยภาษา HTML เพอดภาพจากกลองไอพ ดงโคดดานลาง <object id="Player" height="480" width="640" border="1" classid="CLSID:745395C8-D0E1-4227-8586-624CA9A10A8D"> <param name="AutoStart" value="0"> <param name="UIMode" value="none"> <param name="MediaType" value="h264"> <param name="NetworkTimeout" value="5000"> <param name="MediaUsername" value="root"> <param name="MediaPassword" value="1234"> <param name="MediaURL" value="axrtpu://192.168.1.34/axis-media/media.amp?videocodec=h264"> </object> <script language="JavaScript"><!—

38

Try { // return values from AMC methods are handled as exceptions in JavaScript document.Player.Play(); } catch(e){} //--> </script> <label></label>

4.3.2 การแกไข Red5 ในสวนของ SWF ของการแสดงผลบนเวปบราวเซอร การแกไขในสวนของการแสดงผลทางเวปบราวเซอรของโปรแกรม Red5 นนจะตองทาการไขไฟล SWF ทอยใน C:\Program file>Red5>webapp>root>demos ซงหากจะแกไขไฟล SWF จะตองแกไขไฟลทเปน fla ซงสามารถดาวนโหลด ไดท http://www.red5.org/downloads/simpledemos/ โดยใชโปรแกรม Adobe Flash Professional ในการแกไขดงรายละเอยดดงตอไปน 4.3.2.1 เมอดาวนโหลดเสรจแลวจะมไฟล อย 2 ไฟล ไฟลแรก คอ ofla_demo.fla และ ofla_demo.swf ซงไฟลทใชแกไขคอ ofla_demo.fla (ไฟลสแดง) ดงรปท 4.16

39

รปท 4.16 แสดงหนาไฟลทใชแกไข Red5 ทใชในการ Playback

4.3.2.2 ดบเบลคลกไปทไฟล ofla_demo.fla จะแสดงหนาบน Adobe Flash Professional CS5.5 ดงรปท 4.17

รปท 4.17 แสดงหนาแสดงผลบน Adobe Flash Professional CS5.5

40

4.3.2.3 ทาการตดตารางทไมตองการเพอทาการขยายหนาจอแสดงผลใหใหญขนดงรปท 4.18

รปท 4.18 แสดงหนาการแกไขไฟล ofla_demo.fla

4.3.2.4 เพมปมกดเพอเชอมตอกลบไปสหนาหลกดงรป 4.19

รปท 4.19 แสดงหนาการแกไขไฟล ofla_demo.fla

41

4.3.2.5 คลกเลอกไปทปมกด แลวกด F9 บนคยบอรดและเพมโคดตามรปท 4.20

รปท 4.20 แสดงโคดทเขยนเพมของปมกดกลบหนาหลก

4.3.2.6 จากนนทาการบนทกขอมลทแกไข แลวกดปม Alt+Enter เพอทาการทดสอบและดผลทไดจากการแกไขไฟล 4.3.2.7 ทาการคดลอกไฟลทแกไข ofla_demo.swf ไปไวใน C:\Program file>Red5>webapp>root>demos โดยวางแทนไฟลเดม เปนอนเสรจขนตอน 4.4 เขยนสครปและตงคาในโปรแกรม Task Scheduler คาสงสครปทใชในสงใหโปรแกรม Adobe Flash Media Encoder ทางานและหยดทางาน รวมทงการคดลอกไฟลและเปลยนชอไฟลมบนทกมายง Red5 Server ซงจะมคาสงดงน

del d:\TEST\sample0.flv copy d:\TEST\sample.flv d:\backup\AXIS_"%date:~-4,4%_%date:~-10,2%_%date:~-7,2%".flv FMLEcmd /s "D:\TEST\sample.flv" FMLEcmd /r

42

4.4.1 การตงคาในโปรแกรม Task Scheduler เพอตงเวลาในการสงสครปทางาน ซงในโครงงานนจะทดลองตงเปนเวลาทกๆ 1 วน ขนตอนแรกใหเปดโปรแกรม Task Scheduler กอน โดยโปรแกรม Task Scheduler นนจะอยใน Control Panel ในสวนของ Administrative Tools ตามในรปท 4.21

รปท 4.21 แสดงการเขาไปใชงานโปรแกรม Task Schedule

4.4.2 จากนนใหสรางคาสงขนมาใหม โดยการคลกท Create Basic Task ทดานขวาในแถบของ Action จะปรากฏหนาตาง Wizard ตวชวยในการสรางคาสงดงภาพ ในขนตอนนใหพมพชอของงานทจะสง และรายละเอยดตางๆ ทตองการเพอใหเขาใจงาย เมอพมพเสรจแลวคลกปม Next ตามตามรปท 4.22

43

รปท 4.22 แสดงการตงคาโปรแกรม Task Schedule

4.4.3 จากนนจะเขาสหนาจอ Trigger ซงจะเปนตวกาหนดรปแบบในการทางาน ซงสามารถเลอกไดทงแบบทกวน (Daily) ทกสปดาห (Weekly) ทกเดอน (Monthly) ใหทาการปลกแคครงเดยว (One Time) และรปแบบอนๆตามทเราตองการ ซงในโครงงานนเลอกแบบทกวน (Daily) ดงรปท 4.23

44

รปท 4.23 แสดงการตงคาโปรแกรม Task Schedule 4.4.4 เมอเลอกรปแบบในการทางานแลว ตอไปกตองเลอกเวลาทจะใหทางาน ซงสามารถเลอกทางานเวลาใดกได ซงในโครงงานนจะใหทางานเวลา 23.59 นาฬกาของทกวน ดงรปท 4.24

45

รปท 4.24 แสดงการตงคาโปรแกรม Task Schedule

4.4.5 จากนนจะเขาสหนาจอ Action ซง เปนตวกาหนดวา เมอถงเวลาทกาหนดใหสครปทางาน ซงจะเลอกใหเปดโปรแกรมขนมา (Start a program) ดงแสดงในรปท 4.25

46

รปท 4.25 แสดงการตงคาโปรแกรม Task Schedule

4.4.6 เมอเลอกเปดโปรแกรมแลว ตอไปจะปรากฏหนาจอใหเลอกวาจะเปดสครป โดยจะคลกทปม Browse เพอเลอกหาไฟลสครปทเขยนไวและสดทายจะเปนขอมลสรปของคาสงทสรางขนมาใหม ใหคลกปม Finish เพอสนสดการตงคา ดงรปท 4.26

47

รปท 4.26 แสดงการตงคาโปรแกรม Task Schedule 4.5 ทดลองใชงาน รปแบบการทางานหลงจากททาการลงโปรแกรมแลวลองเขามาใชงานผานทางเวบบราวเซอรซงใชภาษา ดงรปท 4.27, 4.28, 4.29, 4.30, 4.31

รปท 4.27 แสดงหนาแรกของเวบเซอรเวอร

48

รปท 4.28 แสดงหนาเวบเมอเขามาทดลองใชงาน Red5

รปท 4.29 แสดงหนาเวบเพอเลอกใชงานผาน Red5

49

รปท 4.30 แสดงหนาเวบเมอเลอกดภาพสด

รปท 4.31 แสดงหนาเวบเมอเลอกดภาพยอนหลง

50

จากการทดลองทาใหทราบวาเมอทดลองแปลงไฟลแลวไฟลมขนาดลดลงและเหมาะกบการสงขอมลและสามารถใชงานกบ เวบบราวเซอรไดหลายตวแมแตในโทรศพทมอถอทสามารถเรยกใชโปรแกรม Flash Player ได ตวอยางเชน โทรศพททใชระบบปฏบตการ Android แตยงไมสามารถใชงานไดโทรศพท iPhone ไดเนองจากไมสนบสนนโปรแกรม Flash Player

4.6 เปรยบเทยบคณสมบตของโครงงานกบระบบซซทวทมขายตามทองตลาด สามารถสรปไดดง ตารางท 4.1

ตารางท 4.1 ตารางเปรยบเทยบคณสมบตของการใชงาน

คณสมบต/ยหอ โครงงานทจดทา AXIS PELCO MILESTONE

Live Playback

Motion Detector X Backup

Show on MAP Record Video Record Audio

51

บทท 5

สรปผลการทดลอง

5.1 สรปผลการทดลอง จากการทดลองขางตนทาใหทราบวากระบวนการสงขอมลภาพโดยทผานเครอขายสตรมมง ตวระบบเองจะลดขนาดไฟลขอมลลงใหเหมาะแกการสงขอมลบนเครอขายดงนนจงเหมาะกบการใชงานในรปแบบสงขอมลมลตมเดย สวนการบนทกขอมลเมอไฟลมขนาดเลกจงทาใหไมเปลองพนทในการจดเกบ แตตองมการแปลงไฟลกอนจะสง จงตองมพนทในการเกบขอมล 2 ท 5.2 ขอเสนอแนะ การใชงานยงยากอยเนองจากกลองไอพกบ Red5 เซรฟเวอร รบสงขอมลโดยใชโปรโตคอลทแตกตางกน ซงกลองไอพจะใชโปรโตคอล RTSP เปนหลก สวน RED5 เซรฟเวอรจะใชโปรโตคอล RTMP โดยหากทาการพฒนาอก กจะสามารถทาการรบภาพและแปลงไฟลไดทนท โดยไมตองจดทเกบขอมลเบองตน สวนการพฒนาเวบจะตองทาใหนาใชงานและสามารถใชงานงายขน 5.3 แนวทางการพฒนาตอ ทาการเชอมตอกลองไอพ กบ Red5 เซรฟเวอรใหไดโดยตรง และทาการพฒนาเวบใหนาใชมากขนและมความปลอดภย และพฒนาในการเกบบนทกขอมลใหเปนวน เวลา ป ทงายในการคนหาภาพยอนหลง เพอใหสะดวกในการดภาพยอนหลง

52

เอกสารอางอง

[1] TCP/IP-Transmission Control Protocol / Internet Protocol. [Online]. Available: http://compnetworking.about.com/od/tcpip/TCPIP_Transmission_Control_Protocol_Internet_Protocol.htm

[2] การคานวณคา Bitrate (Bandwidth) สาหรบระบบ Online Audio/Video Stream. [Online]. Available: http://crm.n3amedia.info/helpdesk/knowledgebase.php?article=30

[3] Streaming media protocols. [Online]. Available: http://all-streaming-media.com/faq/streaming-media/faq-streaming-media-protocols.htm

[4] N3A Media Limited Partnership. What is Red5? ภาค1. [Online]. Available: http://tosakunmeeting.blogspot.com/2008/10/what-is-red5-1.html

[5] RED5 ชมชน Open Source Flash Server. [Online]. Available: http://thai.red5server.org/ [6] Streaming Server. Streaming Video for you Website. [Online]. Available: http://www.streamserver.in.th/ [7] รจกระบบโทรทศนวงจรปด. [Online]. Available: http://www.thaicctvclub.com/index.php?option=com_content&task=view&id=19&Itemid=2

[8] Information on batch files. [Online]. Available: http://www.computerhope.com/batch.htm

[9] รจก Streaming Technology. [Online]. Available: http://ubs.uni.net.th/lms/lms-uploads/libs/Streaming%20Media%20Technology_4e16.pdf

[10] Red5. [Online]. Available: http://code.google.com/p/red5/

[11] สทธชย ประสานวงศ, สรางสรรคเวบสวยดวย Dramwever. กรงเทพฯ: ซเอดยเคชน จากด, พ.ศ.2549. [12] อทย เสนารกษ. ความรท วไปเกยวกบโปรแกรม Flash. [Online]. Available: http://202.143.142.151/flash/chap1/topic1/index.html