互动直播双十一优惠活动

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>双十一互动直播</title>
    <script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script>
</head>
<body>
    <video id="live-video" controls autoplay></video>
    <div id="chat-box"></div>
    <script>
        const videoElement = document.getElementById('live-video');
        const chatBox = document.getElementById('chat-box');

        // 获取直播流地址
        axios.get('/api/live-stream-url')
            .then(response => {
                videoElement.srcObject = response.data.stream;
            });

        // 接收聊天消息
        setInterval(() => {
            axios.get('/api/chat-messages')
                .then(response => {
                    chatBox.innerHTML = response.data.messages.map(msg => `<p>${msg}</p>`).join('');
                });
        }, 1000);
    </script>
</body>
</html>