コメント:HTML5に基づいて実装されたSuper Cool Camera(HTML5 WebCam)写真機能。知る必要がある友達はそれを参照できます
WeBRTCは来年最も人気のあるHTML5標準である可能性があり、Mozillaはカメラ、マイク、または加速メーターなどのハードウェアを制御するのに役立つAPIのセットを開発しました。他のプラグインに頼らずに必要なネイティブハードウェアデバイスを呼び出すことができます。
本日、この記事では、Wolfram Hempelが開発したPhotobooth.jsを紹介します。このライブラリを使用すると、カメラ機能をすばやく呼び出すことができ、カメラ機能をウェブサイトに簡単に追加できます。そして、それはあなたが写真を撮るのにすぐに役立ちます。この関数を使用して、ユーザーの大きなヘッドショットを実現できます。とてもいいですか?
主な機能:コントラスト設定、色設定、輝度設定、トーン設定、フォトボタンは、jQueryプラグインとJavaScriptコードメソッドをサポートするために、最新のChrome、Firefox、Opera、およびその他のブラウザをサポートしていますChromeを使用してオンラインデモを開いた後、ブラウザが次のようにブラウザがカメラを呼び出すことができることを確認してください。
JavaScriptコード:$( '#webcam')。photobooth()。on( "image"、function(event、dataurl){
$('。NOPIC ')。hide();
$( "#pictures").prepend( '<img src = "' + dataurl + '">');
});
上記のコードは、生成された画像データをid = pictureでタグに渡します。詳細については、関連するAPIを参照してください。
ソースコードのダウンロード
私たちが提供するこのオンラインデモとデモが誰もが気に入ってくれることを願っています。ご質問がある場合は、メッセージを残してください。ありがとうございます!