Вышло круто
document
.getElementById("startConferenceButton")
.addEventListener("click", function () {
window.open("videoConference.html", "_blank");
// toggleMiroTalk();
});
function toggleMiroTalk() {
const mirotalkIframe = document.getElementById('mirotalkIframe');
mirotalkIframe.style.display = (mirotalkIframe.style.display === 'none' || mirotalkIframe.style.display === '') ? 'block' : 'none';
}<?php
if ($_SERVER['REQUEST_METHOD'] === 'POST') {
if (isset($_POST['startConferenceButton'])) {
echo '<script> window.open("videoConference.html", "_blank"); </script>';
// echo '<script> toggleMiroTalk(); </script>';
}
}<!-- videoConference.html -->
<!doctype html>
<html>
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
</head>
<body>
<!-- HTML container for the video conference -->
<iframe
id="mirotalkIframe"
allow="camera; microphone; display-capture; fullscreen; clipboard-read; clipboard-write; autoplay"
src="https://sfu.mirotalk.com/newroom"
style="height: 100vh; width: 100vw; border: 0px;"
></iframe>
</body>
<!--
The iframe 'src' attribute can be any of:
- https://sfu.mirotalk.com
- https://p2p.mirotalk.com
- https://c2c.mirotalk.com
- https://bro.mirotalk.com
- https://webrtc.mirotalk.com
- ...
-->
<!-- Button for Javascript -->
<button id="startConferenceButton">Start Video Conference></button>
<!-- Button for PHP-->
<form method="post">
<button type="submit" name="startConferenceButton" id="startConferenceButton">
Start Conference>
</button>
</form>
</html>
