Praktikum 5 - Image Capture With Browser

1. Tujuan
Mengenal contoh kode untuk mengakses webcam dan melakukan snapshot.

2.Alat

1. Komputer
2. Notepad ++
3. HTTPS server

3. Dasar Teori

GetUserMedia 

GetUserMedia merupakan sebuah sintaks baru yang ada dalam HTML5 yang berguna untuk mengambil multimedia berupa kamera dan mikrofon dari alat komunikasi yang ada seperti notebook dan smartphone. Dengan sintaks ini penulis dapat mengambil data gambar dari kamera dan memasukannya kedalam HTML5 sehingga dapat diproses langsung oleh berbagai web browser

HTTPS

Hypertext Transfer Protokol Secure (HTTPS) adalah versi aman dari HTTP, protokol komunikasi dari World Wide Web. Ditemukan oleh Netscape Communications Corporation untuk menyediakan autentikasi dan komunikasi tersandi dan penggunaan dalam komersi elektris.

4.Tugas praktikum

Buatlah file index.html yang berisi kode untuk mengakses kamera dan tombol snapshot. Upload file tersebut ke hosting yang support HTTPS.

 

5.Hasil Praktikum

 

Demo Praktikum (klik) 

6. Referensi

https://davidwalsh.name/browser-camera