JavaScript在chrome浏览器获取屏幕

实例demo

实例demo

navigator.mediaDevices.getDisplayMedia需要在“https:”下才有效。传入的参数是一个json对象，video:true允许获取屏幕流，其他相关的参数可查看MDN上的文档说明。then方法中的stream为获取到的流媒体数据，使用video.srcObject = stream;可以显示在此页面中。

<!doctype html>
<html lang="zh-CN">
<head><meta charset="UTF-8"><title>document</title>
</head>
<body>
<button>获取屏幕</button>
<video id="video" autoplay width="800" height="600"></video></body>
<script type="text/javascript">var video = document.getElementsByTagName('video')[0];var btn = document.getElementsByTagName('button')[0];btn.onclick = function () {navigator.mediaDevices.getDisplayMedia({video: true,audio: false}).then(stream => {video.srcObject = stream;}).catch(err => {console.error(err);});}</script>
</html>

----点击“获取屏幕”按钮后，弹出共享屏幕框，选择共享桌面或其他界面后，点击分享，就可完成了。如果想要将此屏幕共享到其他页面，可以考虑用webrtc来实现。

JavaScript在chrome浏览器获取屏幕相关推荐

cefsharp获取ajax返回值,使用javascript从CefSharp浏览器获取文本框的值
我有一个Winforms应用程序,它具有ChromiumWebBrowser控件和一些基本的Windows控件.我希望能够点击一个按钮,调用JavaScript来获取浏览器中的文本框的值,并将返回的值 ...
Chrome浏览器获取Google搜索结果批量URL
Chrome浏览器获取Google搜索结果批量URL 效果执行代码效果执行代码 var div=document.getElementsByClassName('r') for(var i=0; ...
谷歌浏览器扩展程序XDM_请立即更新您的谷歌Chrome浏览器获取重要的安全补丁程序...
编译:sky 谷歌周三推出了Google稳定频道版本86.0.4240.198,以解决安全研究人员最近发现的两个新的高危漏洞. 如果要检查并查看Chrome浏览器是否在Windows,Mac或Linu ...
Chrome浏览器获取XPATH的方法----通过开发者工具获取
还在为xpath的正确性而犯愁吗?难道必须得装一个Firefox浏览器,安装一个插件? No!!!!!!! 有了chrome浏览器,照样能获取xpath,而且保证正确. 具体的使用方法?请往下看. c ...
[填坑]Ubuntu18.04无法使用chrome浏览器共享屏幕解决方案
最近做笔试题,企业要求开启chrome摄像头,并且开启共享屏幕.我使用Ubuntu18.04的chrome浏览器答题,摄像头可以正常开启,但是共享的屏幕却始终是黑屏,只能看到鼠标,后来才发现又是way ...
JavaScript 技术篇-chrome浏览器读取剪切板命令document.execCommand(‘paste‘)返回false原因及解决方法
新版本 chrome 执行 document.execCommand('paste') 返回 false 因为读取剪切板涉及用户隐私安全,必须的用户允许的情况下可以进行访问,但是复制和剪切功能可以使用 ...
JavaScript在chrome浏览器实现录屏功能
js实现录屏功能代码实现 <video class="video" controls width="600px"></video>&l ...
Chrome浏览器获取流媒体地址方法
#.播放个流媒体 #.右键 or (Ctrl + Shift + I )打开审查元素工具. #.点开第二个标签页,也就是Resources标签页. If (从来没有设置过这个玩意儿){ 有两个选项 1 ...
javascript检测各种浏览器型号和版本、检测是否支持flash并显示版本
对于前端来说浏览器的型号版本,各个浏览器的兼容是一个不可忽视的问题.下面本人详细罗列了测试方法.请复制代码新建html文件复制后访问.一目了然. 最后富有罗列的一些各个不同浏览器的版本号,用于数据参考 ...

JavaScript在chrome浏览器获取屏幕

JavaScript在chrome浏览器获取屏幕

实例demo

JavaScript在chrome浏览器获取屏幕相关推荐

最新文章

热门文章