JavaScript在chrome浏览器获取屏幕

最新推荐文章于 2024-07-01 09:11:36 发布
最新推荐文章于 2024-07-01 09:11:36 发布
阅读量2.1k 收藏 3
点赞数 2
分类专栏： 获取屏幕 文章标签： 获取屏幕 javascript getDisplayMedia
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_41128253/article/details/97646424
版权
本文介绍了如何在Chrome浏览器中使用JavaScript的getDisplayMedia方法获取屏幕流。该方法需在HTTPS环境下运行，传入参数包括video: true，成功后通过video.srcObject = stream显示流媒体数据。用户点击按钮，选择共享内容后，可以实现屏幕共享，若要分享到其他页面，可以结合WebRTC技术。
摘要由CSDN通过智能技术生成

JavaScript在chrome浏览器获取屏幕

实例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
最低0.47元/天 解锁文章
少年是只猫
关注
  • 2
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
chrome 截屏插件
10-12
chrome截屏插件，可用于对前段的js截屏学习。
获取显示器的个数
jszj的专栏
09-30 6327
这几天需要支持多个显示器的问题，上网上找了很多，也查看了msdn，基本上算是成功了，但是还有点问题。下面先把代码贴出来，非常简单，就一个函数：   #if(WINVER typedef BOOL (CALLBACK *pEnumDisplayDevices)( PVOID Unused, DWORD iDevNum, PDISPLAY_DEVICEA lpDisplayDevice,
怎样使用js技术实现Chrome投屏功能？
最新发布
ufrontend的博客
07-01 1179
在Web前端技术中，直接控制浏览器窗口或标签页从主屏投屏到副屏（如PPT的演讲者模式）并不简单，而且直接控制浏览器窗口从主屏投屏到副屏的功能超出了Web标准的范畴，并且涉及到用户系统级别的设置和权限，因此不可能仅通过纯Web前端技术（HTML、CSS、JavaScript）来实现一个完整的、可运行的解决方案。但是，可以提供一个简化的概念性示例，展示如何使用Electron（一个允许使用Web技术构建跨平台桌面应用的框架）来模拟这个功能。首先，你需要安装Electron和创建一个基本的Electron应用。
js 获取屏幕和浏览器信息
汪成龙
02-12 834
window screenTop 网页正文部分上 screenLeft 网页正文部分左 screen height 屏幕分辨率的高 width 屏幕分辨率的宽 availHeight 屏幕可用工作区高度 availWidth 屏幕可用工作区宽度..
chrome屏幕共享插件的获取和配置
hugang的博客
08-17 806
https://github.com/webrtc/samples/blob/gh-pages/release/desktopCaptureExtension.zip 不过我下载不了，找别人要了这个文件 解压选择 扩展程序—》管理扩展程序加载成功修改 manifest.json 文件刷新扩展程序点击详情查看我们的网址是否添加进去
浏览器获取电脑屏幕的像数打开新的页面
u013115923的博客
11-26 169
[code="java"] function xxxx(){ var windowHeight=window.screen.height-120; var windowWeight=window.screen.width-100; var windowLeft=(window.screen.width-windowWeight)/2; var openlocation="xxx/xx...
Javascript中获取浏览器类型和操作系统版本等客户端信息常用代码
10-22
- **Chrome浏览器**：如果`userAgent`中包含"chrome"，则认为是Chrome浏览器，并提取版本号。 - **Opera浏览器**：如果`userAgent`中包含"opera"，则认为是Opera浏览器，并提取版本号。 - **Safari浏览器**：如果`...
Google浏览器 chrome_42.zip
12-01
Chrome浏览器是Google公司开发的一款基于开源项目WebKit的网络浏览器，以其快速、稳定和安全性而闻名。...因此，除非有特殊需求，一般建议使用最新版本的Chrome浏览器以获取最佳的浏览体验和安全保障。
js获取浏览器和屏幕的各种宽度高度
10-20
本文将介绍如何使用JavaScript来获取浏览器窗口的宽度和高度以及屏幕的尺寸，并解释在不同浏览器环境下如何兼容地获取这些信息。 首先，我们来介绍获取浏览器窗口的可见区域宽高。可见区域指的是不包含浏览器工具栏...
Electrons实现Chrome使用WebRTC实现屏幕共享
07-08
WebRTC（Web Real-Time Communication）是Chrome浏览器内置的一种实时通信技术，支持在浏览器之间进行音视频通信以及屏幕共享。 首先，让我们了解WebRTC的屏幕共享工作原理。WebRTC提供了getUserMedia接口，这个...
chrome浏览器专用插件INFINITY-PRO版本
01-22
Chrome浏览器的Infinity-PRO插件是一款专为提升用户浏览体验而设计的专业级扩展程序。它在标准版的基础上增加了更多高级功能，旨在提供更高效、更个性化的网页浏览服务。这款插件尤其适合需要进行大量在线研究、管理...
chrome-usb-serialport:适用于Google Chrome浏览器的串行端口模块
05-14
Chrome USB Serialport是一个专为Google Chrome浏览器设计的串行端口模块，允许开发者通过JavaScript访问和操作硬件设备上的串行端口。这个模块是JavaScript编程的重要应用，它扩展了Web应用程序的功能，使得与物理...
chrome-screenshare:Chrome屏幕共享扩展
05-06
Chrome屏幕共享扩展是一种基于JavaScript开发的浏览器插件，主要用于在Google Chrome浏览器中实现用户与用户之间的屏幕分享功能。这项技术的出现极大地提升了远程协作、在线教育以及视频会议的互动体验。下面将详细...
javascript获取网页宽高方法汇总
10-23
屏幕色彩深度可以通过window.screen.colorDepth获取，屏幕设备的像素密度可以通过window.screen.deviceXDPI获得，但这个属性在IE外的浏览器中不支持。 在JavaScript中获取页面宽高的一个示例代码如下： ```...
getscreen-plugin:用于抓取屏幕流的 chrome 扩展
07-13
本文将深入探讨“getscreen-plugin”这一针对Chrome浏览器的插件，它主要用于捕获和获取屏幕流，以便于进一步的处理和应用。 一、getscreen-plugin介绍 “getscreen-plugin”是一款基于JavaScript开发的Chrome...
capture:屏幕录制Chrome应用
05-07
本文将深入探讨如何利用JavaScript技术实现Chrome浏览器中的屏幕录制功能，主要关注如何使用WebRTC（Web Real-Time Communication）API。 【描述】：“图示 Google的实质性图示” 描述中的“图示”可能指的是用于...
获取显示器的数量和分辨率
HelloKandy's Blog
07-12 5574
通过GetSystemMetrics 的几个重要参数，就可以获取显示器的数量、当前屏幕分辨率，以及总分辨率：#include "stdafx.h" #include &lt;Windows.h&gt; #include &lt;stdio.h&gt; int _tmain(int argc, _TCHAR* argv[]) { //当前屏幕的分辨率 int nScreenWidth, nSc...
【002JavaScript Window Screen】JavaScript Window Screen：屏幕信息获取与利用指南
燃正科技
06-08 380
本教程将详细介绍 JavaScript 中的 Window Screen 对象，该对象提供了有关用户屏幕的信息和功能。通过 Window Screen 对象，您可以获取屏幕的尺寸、颜色深度、方向等信息，并执行一些与屏幕相关的操作。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值