H5ビデオタグがカメラを操作します

今回は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=&#39;300&#39; height=&#39;224&#39;></canvas> 
    <button id="snap" class="btn btn-default" type="button">Snap Photo</button> 
  </p>

この記事の事例を読んだ後は、この方法を習得したと思います。さらに興味深い情報については、php 中国語 Web サイトの他の関連記事に注目してください。

推奨読書:

Django のコントロールとパラメーターの使用方法の詳細な説明

jQuery を使用してすべて選択と単一選択を反転する

jQuery プラグイン FusionCharts を使用して円グラフを描画する

以上がH5ビデオタグがカメラを操作しますの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。