我正在使用WebRTC开发一个Android视频应用,我想增加从前置摄像头到后置摄像头更改的功能。为了练习此功能,我使用了以下网站:https : //simpl.info/getusermedia/sources/并修改了代码,以便现在我可以使用在Chrome上运行的浏览器和在Android上运行Firefox的相机之间进行切换,在WebView上-第一次打开时它将显示来自前置摄像头的流,但是当我将选择更改为后置摄像头时,它将不更新到后置摄像头。
有谁知道解决方案或解决方法吗?这与onChange在Android WebView中不起作用有关吗?(我已经搜索过了,但是找不到解决方案)
我希望这不是一个愚蠢的问题,我对Android开发完全陌生。
我的HTML:
<!DOCTYPE html>
<html lang="en">
<head>
<script src="main.js"></script>
<base target="_blank">
<title>Video TEST</title>
</head>
<body>
<p>This is a test</p>
<div id="container">
<div class="select">
<label for="videoSource">Video source: </label><select id="videoSource"></select>
</div>
<video muted autoplay></video>
</div>
</body>
</html>
Run Code Online (Sandbox Code Playgroud)
我的JavaScript(main.js):
'use strict';
var videoElement = document.querySelector('video');
var videoSelect = document.querySelector('select#videoSource');
navigator.mediaDevices.enumerateDevices()
.then(gotDevices).then(getStream).catch(handleError);
videoSelect.onchange = getStream;
function gotDevices(deviceInfos) {
for (var i = 0; i !== deviceInfos.length; ++i) {
var deviceInfo = deviceInfos[i];
//This creates an element that …Run Code Online (Sandbox Code Playgroud)