<meta charset="utf-8">

<meta name="viewport" content="width=device-width, initial-scale=1">

<style>

h5{

margin-bottom: 4px;

}

</style>

<video id="preview" autoplay style="width: 50%"></video>

<div id="btnFacingModeContainer">

<h5>change by facingMode<br>(Chrome does not yet support.)</h5>

<button id="btnUser">user(front)</button>

<button id="btnEnvironment">environment(back)</button>

<button id="btnLeft">left</button>

<button id="btnRight">right</button>

<button id="btnFront">front</button>

<button id="btnBack">back</button>

</div>

<div id="btnDeviceIdContainer">

<h5>change by deviceId</h5>

</div>

<pre id="res"></pre>

<script src="demo.js"></script>