Prak 05 – Using Camera in HTML5

1. Tujuan

Mengenal contoh kode untuk mengakses webcam dan melakukan snapshot.

2. Alat

Atom 1.3.2
HTTPS server

3. Bahan

tanpa bahan

4. Dasar Teori

Gunakan pertanyaan berikut untuk menuliskan dasar teori yang relevan

  1. Apa yang dimaksud dengan getUserMedia?
  2. Uraikan yang kalian ketahui tentang HTTPS?

5. Tugas Praktikum

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

6. Petunjuk Praktikum

pelajari kode berikut. perhatikan bahwa kode ini tidak bisa jalan. pilih menu “Edit in JSFiddle”. setelah pindah ke domain https://jsfiddle.net, maka kode ini akan berjalan dengan baik.

7. Hasil Praktikum

Tampilkan screen record dari praktikum ini

8. Kesimpulan

Tuliskan hal-hal yang diperoleh dari praktikum ini

9. Referensi

Browser Camera by David Walsh

Leave a Reply