ホームページ >ウェブフロントエンド >htmlチュートリアル >H5ビデオタグがカメラを操作します
H5ビデオタグがカメラを操作します
- php中世界最好的语言オリジナル
- 2018-04-19 17:04:144094ブラウズ
今回はH5ビデオタグ操作カメラについて説明します。以下は実際のケースです。
videoタグを使ってカメラ選択機能を実装するHTML5の詳細解説1.html
りー2.
javascript// jquery reference
// <script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script>
//
<input type="hidden" name="imgValue" id="imgValue" />
<button id="btnOpen1" class="btn btn-default" type="button" >Open WebCam</button>
<select id="videoSource" ></select>
<p id="vdoOne" style="display:none">
<video id="video" style="margin-top:15px;margin-bottom:15px;" width="300" autoplay></video>
<canvas id="canvasPreview" style="margin-top:15px;" width="300" height="224"></canvas>
<canvas id="canvasUpload" style="display:none;" width='300' height='224'></canvas>
<button id="snap" class="btn btn-default" type="button">Snap Photo</button>
</p>
この記事の事例を読んだ後は、この方法を習得したと思います。さらに興味深い情報については、php 中国語 Web サイトの他の関連記事に注目してください。
推奨読書:
Django のコントロールとパラメーターの使用方法の詳細な説明 jQuery を使用してすべて選択と単一選択を反転する jQuery プラグイン FusionCharts を使用して円グラフを描画する以上がH5ビデオタグがカメラを操作しますの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。