如何使用css,把div设置为一个椭圆容器,在做html页面开发时,我们一般都是使用div来做容器的,如果你需要一个椭圆形的容器,我们可以使用div来实现的,下面来看一下。......
html5 如何关闭本地摄像头
html5 如何关闭本地摄像头
工具/原料
- html5
方法/步骤
打开vsCode,使用vscode 来做代码演示
在右上角找到 文件 新建文件
创建一个html文件
12Visual Studio Code如何创建一个html文件
先创建好html文件所必须的 结构
填入以下的代码
!DOCTYPE html>
html lang="en">
head>
meta charset="UTF-8">
meta name="viewport" content="width=device-width, initial-scale=1.0">
meta http-equiv="X-UA-Compatible" content="ie=edge">
title>Document/title>
/head>
body>
/body>
/html>
因为要使用摄像头,我们先添加一个 video的标签
在html使用摄像头我们需要使用MediaStream
添加script语句
var constraints = { video: { width: 1280, height: 720 } };
navigator.mediaDevices.getUserMedia(constraints)
.then(function (mediaStream) {
var video = document.querySelector('video');
video.srcObject = mediaStream;
video.onloadedmetadata = function (e) {
video.play();
};
})
.catch(function (err)
{ console.log(err.name ": " err.message); });
保存代码,并在浏览器中运行
就可以看到摄像头已经打开了
现在我们添加一个关闭摄像头的功能
先添加一个关闭按钮
button onclick="funClose();">关闭摄像头/button>
添加关闭摄像头的逻辑
选择关闭摄像头按钮后,
之前的摄像头区域,就变黑了
以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!
相关文章
- 详细阅读
- 详细阅读
-
HTML5创作工具,MAKA 2.0史上最全操作指南详细阅读
HTML5创作工具,MAKA 2.0史上最全操作指南,超过15000种模板组合。还怕你没有发挥的空间吗?MAKA(中文:码卡)作为中国最早推出移动端卡片式交互模式的创新者,随着HTML5技术的日渐成熟......
2023-03-16 401 HTML