Kod berdasarkan HTML5 cool camera (HTML5 webcam) fungsi kamera pelaksanaan kemahiran kod_html5 tutorial

WebRTC mungkin standard HTML5 yang paling banyak ditonton tahun depan Mozilla telah membangunkan satu set API untuk membantu anda mengawal perkakasan, seperti kamera, mikrofon atau pecutan. Anda boleh menghubungi peranti perkakasan asli yang anda perlukan tanpa bergantung pada pemalam lain.

Dalam artikel hari ini, kami akan memperkenalkan Photobooth.js yang dibangunkan oleh Wolfram Hempel Menggunakan perpustakaan kelas ini boleh membantu anda memanggil fungsi kamera dengan cepat dan anda boleh menambahkan fungsi kamera ke tapak web dengan mudah. Dan ia dengan cepat membantu anda mengambil foto Anda boleh menggunakan fungsi ini untuk mengambil foto pengguna.

Ciri Utama:

Tetapan kontras tetapan warna tetapan kecerahan tetapan rona butang foto tetapan menyokong pelayar krom, firefox, opera dan pelayar lain yang terkini menyokong kaedah pemalam jQuery dan kaedah kod javascript

Selepas menggunakan Chrome untuk membuka demo dalam talian, sila sahkan untuk membenarkan penyemak imbas memanggil kamera anda, seperti berikut:

Kod Javascript:

Salin kod

Kodnya adalah seperti berikut:

$(' #webcam' ).photobooth().on("image",function( event, dataUrl ){
$('.nopic').hide();
$( "#pictures" ).prepend( '< img src="' dataUrl '" >');
});

Kod di atas akan menghantar data imej yang dijana kepada teg dengan id=picture. Sila rujuk API yang berkaitan untuk mendapatkan arahan khusus.
Muat turun kod sumber

Kami harap anda semua menyukai demonstrasi dan demo dalam talian yang kami sediakan ini Jika anda mempunyai sebarang pertanyaan, sila tinggalkan mesej kepada kami, terima kasih!