Pada bagian ini hanya membahas tentang unicast saja, multicast dan broadcast menyusul.. Unicast Hubangan hanya dari satu komputer ke satu komputer lainnya.
Komputer A adalah server, dan komputer B adalah client. Komputer B hanya melihat apa yang di siarkan oleh komputer A, komputer B tidak memilih siaran/video.
Konfigurasi pada VLC : Komputer A (IP : 192.168.1.4 ):
1. Buka VLC player dan pilih media>stream. Atau Ctrl+S 2. Pilih video yang ingin di tampilkan dengan mengklik tombol “Tambah”, kemudian klik “Stream”. 3. Setelah itu klik next atau maju. 4. Pada pilihan file, pilihlah UDP atau RTP. Jika sudah, klik “Tambah”. Setelah itu pilih Codec yang sesuai dan klik “Stream”. Pilihan "Tampilkan secara lokal" hanya opsional, jika ingin di tampilkan di VLC server juga, maka ceklist. Note :
Bacalah petunjuk penggunaan UDP atau RTP lebih banyak lagi.
Cobalah terus mencoba hasil dari setiap streamingan jika kita menggunakan codec yang berbeda.
H264 + AAC (MP4) : delay lumayan cepat, tetapi jika kita menginginkan pemutaran di server juga, itu tidak bisa. Kualitas yang di hasilkan bagus.
Theora + flac (OGG) : delay lama, jika kita menginginkan pemutaran di server juga, bisa. Kualitas yang di hasilkan lebih bagus.
MPEG-2 + MPGA (TS) : delay cepat, jika kita menginginkan pemutaran di server juga, bisa. Kualitas yang di hasilkan kurang bagus.
dll
5. Isi Alamat IP computer yang kita tuju. (Contoh : 192.168.1.4). Biarkan saja portnya 5004. 6. Jika sudah, klik "STREAM"Proses di komputer A selesai.
Kompter B (IP : 192.168.1.4 ) :
1. Pilih media>buka stream jaringan atau Ctrl+N 2. Isi URL Jaringan dengan rtp://@:5004 Note :
Kita menggunakan rtp dan 5004 karena pengaturan di server atau komputer A.
3. Klik play, tunggu sampai muncul tampilan video. Jika tidak, coba lihat komfigurasi IP dan PORT yang di gunakan di masing-masing komputer. KESIMPULAN :
Komputer A memiliki IP (192.168.1.3) dan Komputer B memiliki IP (192.168.1.4).
Konfigurasi alamat di komputer A menggunakan RTP, IP: 192.168.1.4 dan port 5004.
Sebenarnya HTML 5 ini sangat baik di gunakan, mungkin sudah banyak artikel menuliskan kelebihan-kelebihannya. Tetapi, yang jelas hanya satu, yaitu browser yang tidak support dengan beberapa scipt atau tag HTML 5 itu sendiri. Gunakanlah : http://html5test.com untuk melihat berapa support browser yang anda miliki untuk mendukung performa html 5.Atau tidak dapat melihat W3schools atau http://html5demos.com.
Penulisan HTML 5 Deklarasi awal agar kita menggunakan HTML 5 ialah hanya menulis "<!DOCTYPE html>" pada awal halaman yang kita buat. Hal tersebut untuk membedakan HTML 5 dan HTML 4.
<!DOCTYPE html> <html> <head> <title>Title of the document</title> </head> <body> The content of the document...... </body> </html>
Pengenalan HTML 5 Dalam HTML 5 ada beberapa bagianyang membedakan tiap jenisnya, yaitu : • Graphics / Multimedia • Semantics & Markup • Offline / Storage • Realtime / Communication • File / Hardware Access • CSS3 • Nuts & Bolts
HTML5 Multimedia Pada HTML 5, kita dapat memutar suatu video maupun lagu hanya dengan scipt saja, tidak membutuhkan bantuan dari player. Ada dua jenis HTML 5 multimedia, yaitu : • HTML5-video • HTML5-audio
HTML 5 video Terdapat tiga jenis format video yang dapat di putar di HTML 5 ini, Ogg, mp4 dan Webm. Setiap browser support berbeda-beda browser. Penulisannya : Script : <video width="320" height="240" controls="controls"> <source src="yourvideo.mp4" type="video/mp4" /> Your browser does not support the video tag. </video>
Contoh :
*anda tidak dapat memplay vidio ini karena file audio di atas hanya sebagai contoh.
HTML 5 audio Terdapat tiga jenis format video yang dapat di putar di HTML 5 ini, Ogg, mp4 dan Waw. Setiap browser support berbeda-beda browser. Penulisannya : <audio controls="controls"> <source src="song.ogg" type="audio/ogg" /> <source src="song.mp3" type="audio/mpeg" /> Your browser does not support the audio element. </audio>
Contoh:
*anda tidak dapat memplay audio ini karena file audio di atas hanya sebagai contoh.
HTML 5 INPUT TYPE
Sudah di pastikan HTML 5 harus memiliki input type yang lebih baik dari pendahulunya HTML 4. Input type yang baru dalam HTML 5, yaitu :
INPUT TYPE
KETERANGAN
COLOR
memilih warna
URL
menghasilkan tulisan http:// tanpa mengetiknya
TEL
Iput untuk nomor telp, dapat +,0-9
NUMBER
input 0-9, jika tidak akan otomatis memfalidasi
RANGE
input tinggal mendrag saja, berapa nilai yang kita inginkan
EMAIL
input harus berbentuk email, jika tidak akan memvalidasi
SEARCH
akan memunculkan simbol search(kacamata pembesar) di beberapa browser
Date pickers (date, month, week, time, datetime, datetime-local)
Dapat memilih tanggal, minggi, hari, jam dalam bentuk yang lebih menarik seperti J-Query datepicker. Tetapi saat ini hanya suport Opera saja.
Browser Support Buka saja link ini *Note: Opera adalah browser terbaik untuk mensuport input type yang terbaru.
Penulisan dan Contoh: *Bukalah halmana ini di browser Opera agar anda dapat melihat fungsi input type dengan maksimal..
1. Color Script : <input type="color"> Contoh :
Keterangan : Gambar di atas adalah hasil tampilan script “input type=color” yang di lakukan di browser Opera. Gambar di kanan setelah klik “Other..”
Keterangan 3 : Sama seperti input type datetime, tetapi tidak ada keterangan UTC-nya.
MONTH Script 4 : <input type="month"> Contoh 4 :
Keterangan 4 : Berbeda dengan “input type=date”, dalam “input type=month” kita memilih satu bulan sekaligus dan hasilnya “tahun-bulan” saja.
WEEK Script 5 : <input type="week"> Contoh 5 :
Keterangan 5 : Dalam “input type = week”,kita dapat memilih satu minggu langsung. Hasilnya adalah “tahun-W0X”. “0X” adalah minggu ke berapa dalam bulan tersebut.
TIME Script 6 : <input type="time"> Contoh 6 :
Keterangan : Dalam input type ini, kita dapal langsung mengketik pukul berapa sesuai keinginan kita, kita juga dapat mengklik atas dan bawah.
3. Email Script : <input type="email"> Contoh : Keterangan : Jika kita salah menginputkan email(tidak ada “@ dan .”), maka akan ada perintah “please enter a valid email address”, tergantung browser.
4. URL Script : <input type="url"> Contoh : Keterangan : Jika kita mengketik url kita tanpa http, sedangkan gambar di kanan secara langsung menambahkan http di form tersebut saat mengklik submit.
5. Number Script : <input max="10" min="0" type="number"> Contoh :
Keterangan : Pada input type-number ini, kita dapat menentukan nilai max dan min.
6. Range Script : <input max="10" min="0" type="range"> Contoh :
Keterangan : Dalam input type ini kita dapat juga menentukan nilai max dan min. Perbedaan input type ini dengan input type number adalah system klik dan system drag-nya. Range menggunakan drag, sedangkan number klik atau type.
7. TEL Script : <input type="tel"> Contoh :
Keterangan : Saya belum mengetahui pasti. Untuk angka maupun nomor sama-sama bisa.
Keterangan : Perbedaannya hanya terletak pada gambar pencari seperti di atas, dan juga . Gambar di atas di ambil dari browser Google Chrome. Selain google chrome bentuk/gambar input type-search hanya seperti input type biasa.
Tambahan Gabungan dengan CSS, Iput type speach : <input x-webkit-speech>
*input type ini baru bekerja pada browser Google Chrome.
Jika anda tidak memiliki browser yang banyak anda dapat melihat gambar/bentuk input type di PDF. PDF dapat di donwload disini
