两个电脑屏幕,能否点击一个屏幕的按钮,弹出窗口到另一个屏幕上?

发布于 2022-09-07 23:34:06 字数 306 浏览 93 评论 0

现在产品经理要我实现一个功能,同一个主机连接双屏幕,在一个屏幕上打开网页,然后点击里面的一个按钮,能够弹出一个窗口到另一个屏幕上(或者不需要弹过去,可以事先拉过去,但是点击一个屏幕上的视频连接的时候,要在另一个屏幕上播放这个视频)。这个效果能实现吗....用window.open()只能打开窗口到同一个浏览器上

-----更新
好像不行,我砖头准备好了,谢谢各位

clipboard.png

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(15

始终不够 2022-09-14 23:34:06

先从A屏拉一个窗口到B屏。然后在A屏点击按钮,将需要播放的url存储到sessionStorage里,B屏利用轮询的方式拿到url,然后播放。ps:临时想到这么个方案。

蓝天白云 2022-09-14 23:34:06

clipboard.png

可以看看我们这个更变态

最后捶了产品一顿,产品安稳了

笑着哭最痛 2022-09-14 23:34:06

这个问题的本质是【页面间通信】。
如果我有2个显示器,主chrome在左侧显示器,从js层面不太容易做到(不能说死,谨防打脸)从左侧显示器直接生成一个chrome页面,这个页面出现在右侧显示器。
我们退而求其次,先在左侧生成一个proxyPage(代理页),手动拖动到右侧显示器,此后,左侧页面和proxyPage页面通信.

要赶车了,扔给你2个demo。

https://pingfengafei.github.i...

https://pingfengafei.github.i...

第二个链接使用postMessage方式,更合理。

如果没有你 2022-09-14 23:34:06

【不需要弹过去,可以事先拉过去】,这就有办法可以实现了
事先工作:在网页1里运行window.open()打开网页2,把网页2拉到另一个屏幕
之后在网页1里点击视频链接,网页1控制网页2播放视频
举个简单的例子,先打开一个百度,然后依次运行下面两段代码

var newWindow=window.open('https://www.baidu.com/');
newWindow.alert('test');
newWindow.focus();

这样就实现了在一个网页中控制另一个网页

北城半夏 2022-09-14 23:34:06

https://developers.google.com...
Present web pages to secondary attached displays  |  Web  |  Google Developers

Presentation API,可以作为一个思路,不过目前只在 Chrome 和 Firefox 可用。

如果没有你 2022-09-14 23:34:06

你们产品蛮逆天的。。。
问他找网站地址,参考
没有的话就告诉他,不会做!!!

半世晨晓 2022-09-14 23:34:06

叫他找一个参考物

往日 2022-09-14 23:34:06

不可能实现的,跨屏这个就不可能实现的,就是前端的js脚本不能跨浏览器一样,拿砖吧,兄弟

远昼 2022-09-14 23:34:06

获取双屏信息,计算子屏的坐标。

忘你却要生生世世 2022-09-14 23:34:06

显然是需要一些外援,比如强大的c++和c

首先我们开发一个exe的客户端让用户安装(参考财付通密码控件),在电脑里注册调用协议。

然后你用html的href调用拉起客户端并传递参数,让客户端在另一个显示器创建一个新的浏览器打开你的uri。

参考 :https://blog.csdn.net/bzt8208...

魄砕の薆 2022-09-14 23:34:06

同楼上,需要c++打开浏览器,实际上是复制一个屏,然后实现模拟点击事件

当爱已成负担 2022-09-14 23:34:06

因为你说可以实现把窗口拉过去,那 websocket 不能做吗?相当于做两个 client 咯,一个负责点链接,一个用来播放链接视频,是我理解有误吗?如果直接弹,不可能。

时光沙漏 2022-09-14 23:34:06

先准备砖头吧。
一个网页怎么也保证不了显示模式是扩展啊,别说网页了,能指定屏幕显示的,原生软件也只有potplayer可以(设置里指定扩展屏序号,开扩展模式就能看到)。。

另外,窗口快速在扩展屏幕间切换的快捷键是,win+shift+方向左/右(看要挪过去的屏在哪边)

会发光的星星闪亮亮i 2022-09-14 23:34:06
  • 标准做法websocket给另一个,但是要后端配合
  • 简单做法,js target的使用 上面回答的人尽然都不知道
<a href=url target="_blank">url</a> 很多人写过吧?

但其实可以
<a href=url target="myname">url</a>
然后就可以
window.open('http://www.baidu.com','myname');
蓝眼睛不忧郁 2022-09-14 23:34:06

用websocket通信交互就行了

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文