gpt4 book ai didi

javascript - Chrome 应用程序 : How to update the content of an element of a secondary window created in the main window of a Chrome App?

转载 作者:行者123 更新时间:2023-12-03 07:18:58 27 4
gpt4 key购买 nike

我想创建一个简单的 chrome 应用程序,它启动一个窗口“window.html”,其中包含 2 个按钮。

1/ #btn1 creates a new window, loading "video.html". A video player,
playing "file1.webm".

2/ #btn2 updtates the source of the video from "file1.webm" to
"file2.webm".

第一部分很简单:)

第二部分很棘手。

可能吗?

您将在下面找到我的文件。

谢谢:)

<!DOCTYPE html>
<html >
<head>

<title>Chrome : Multiple Window</title>
<link href="./css/main.css" rel="stylesheet">
<script src="./js/jquery.min.js"></script>
<script src="./js/test.js"></script>
</head>
<body>
<button id="btn1" type="button" >Launch video Player</button>
<button id="btn2" type="button" >Update Video</button>
</body>
</html>

$(document).ready(function() {
$("#btn1").click(function(){
chrome.app.window.create('video_window.html', {"width":1280, "height": 720});
});
$("#btn2").click(function(){
$('#myvideo video source').attr('src', './video/avatar.webm');
});
});

<!DOCTYPE html>
<html>
<head>
<link href="./css/video.css" rel="stylesheet">
</head>
<body>
<div class="wrapper">
<video id="myvideo" autoplay loop>
<source src="./video/the_master.webm" type="video/webm">
</video>
</div>
</body>
</html>

最佳答案

chrome.app.window.create 接受将在创建的窗口中调用的回调。您可以存储对此窗口的引用,然后直接在其上执行函数,或使用 window.postMessage 与其通信。

var videoWindow = null;

$("#btn1").click(function() {
chrome.app.window.create('video_window.html', {
"width": 1280,
"height": 720
}, function(window) {
videoWindow = window.contentWindow;
});
});

$("#btn2").click(function() {
videoWindow.doSomething('./video/avatar.webm');
});

另一个选项是使用 chrome runtime API沟通:

chrome.runtime.sendMessage("do-stuff")

chrome.runtime.onMessage.addListener(function(e) {
// do stuff
})

关于javascript - Chrome 应用程序 : How to update the content of an element of a secondary window created in the main window of a Chrome App?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36289424/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com