Komentar: Fungsi fotografi kamera super keren (html5 webcam) diimplementasikan berdasarkan HTML5. Teman yang perlu tahu bisa merujuknya
WebRTC mungkin merupakan standar HTML5 paling populer tahun depan, dan Mozilla telah mengembangkan satu set API yang membantu Anda mengontrol perangkat keras Anda, seperti kamera, mikrofon, atau meter akselerasi. Anda dapat menghubungi perangkat perangkat keras asli yang Anda butuhkan tanpa mengandalkan plugin lain.
Dalam artikel ini hari ini, kami akan memperkenalkan photobooth.js yang dikembangkan oleh Wolfram Hempel. Menggunakan perpustakaan ini dapat membantu Anda dengan cepat memanggil fungsi kamera, dan Anda dapat dengan mudah menambahkan fungsi kamera ke situs web. Dan itu akan dengan cepat membantu Anda mengambil foto. Anda dapat menggunakan fungsi ini untuk mencapai headshots besar pengguna. Bukankah itu sangat bagus?
Fitur Utama: Pengaturan Kontras, Pengaturan Warna, Pengaturan Kecerahan, Pengaturan Nada, Tombol Foto Mendukung Chrome Terbaru, Firefox, Opera dan Browser Lainnya Untuk Mendukung Metode Plug-In dan JavaScript JavaScript JQuerySetelah membuka demo online dengan Chrome, pastikan browser memungkinkan browser untuk memanggil kamera Anda, sebagai berikut:
Kode JavaScript:$ ('#webcam'). photobooth (). on ("image", function (event, dataUrl) {
$ ('. Nopic'). Hide ();
$ ("#pictures") .prepend ('<img src = "' + dataUrl + '">');
});
Kode di atas meneruskan data gambar yang dihasilkan ke tag dengan ID = gambar. Untuk detailnya, silakan merujuk ke API yang relevan.
Unduh kode sumber
Saya harap semua orang menyukai demonstrasi dan demo online ini yang kami berikan. Jika Anda memiliki pertanyaan, silakan tinggalkan pesan, terima kasih!