先起个昵称才能发言
@@ -107,6 +116,7 @@ const nicknameConfirmBtn = document.getElementById("nicknameConfirmBtn");
const chatIdentityRow = document.getElementById("chatIdentityRow");
const changeNameBtn = document.getElementById("changeNameBtn");
const currentNickname = document.getElementById("currentNickname");
+const splash = document.getElementById("splash");
const clientId = Math.random().toString(36).slice(2);
muteBtn.addEventListener("click", () => {
@@ -125,6 +135,23 @@ function tryPlay() {
});
}
+// Click-to-enter splash (same trick as infiniteslop.ai): the video is already
+// autoplaying muted underneath, and this click is the user gesture that lets
+// us switch it to unmuted playback — the one reliable way around the browser's
+// no-unmuted-autoplay-without-a-gesture policy. Also doubles as a branding
+// moment (logo/slogan/credit) instead of a bare "click to unmute" prompt.
+// Phones stay muted after entry — unmuted autoplay-adjacent playback on
+// mobile Safari/Chrome is unreliable and feels intrusive.
+splash.addEventListener("click", () => {
+ splash.remove();
+ const desktop = matchMedia("(min-width: 769px)").matches;
+ player.muted = !desktop;
+ player.play().catch(() => {
+ player.muted = true;
+ });
+ muteBtn.textContent = player.muted ? "🔇 静音" : "🔈 有声";
+});
+
let chatClosed = false;
chatToggleBtn.addEventListener("click", () => {
chatClosed = !chatClosed;