使用带有公司徽标的HTML5/JavaScript访问移动摄像头(网络浏览器)

使用带有公司徽标的HTML5/JavaScript访问移动摄像头(网络浏览器),javascript,jquery,html,mobile,camera,Javascript,Jquery,Html,Mobile,Camera,任务是,点击页面上的一个按钮,我需要在手机上显示摄像头,摄像头上带有HTML5/JavaScript和公司徽标(保持在固定位置)。当用户拍照时,徽标应显示在拍摄的照片上 我找到了访问摄像头的脚本,但在摄像头打开时无法显示公司徽标。执行以下操作: index.html <body> <iframe id="camera">Here is the Iframe you see the camera output in.</iframe> <img src

任务是,点击页面上的一个按钮,我需要在手机上显示摄像头,摄像头上带有HTML5/JavaScript和公司徽标(保持在固定位置)。当用户拍照时,徽标应显示在拍摄的照片上

我找到了访问摄像头的脚本,但在摄像头打开时无法显示公司徽标。

执行以下操作:

index.html

<body>
 <iframe id="camera">Here is the Iframe you see the camera output in.</iframe>
 <img src="A path to the logo" id="logo">
</body>
#camera {
 Position: relative;
 z-index: 1;
}

#logo {
 Position: absolute;
 Right: 5px;
 Bottom: 5px;
 z-index: 2;
}