Icecast页面刷新后播放器加载失败问题求助

在Ubuntu与Windows系统中部署Icecast2服务器时遇到以下问题：首次访问http://localhost:8000/radio可正常播放音乐，但浏览器刷新页面后，播放器停止加载。尝试在浏览器地址栏设置nocache无效，查阅大量用户配置未发现同类问题，日志也无相关错误提示。直接访问Icecast链接或通过Node.js+FFmpeg中转的链接均存在该问题。

<icecast>
    <location>Earth</location>
    <admin>icemaster@localhost</admin>
    <hostname>localhost</hostname>

    <limits>
        <clients>100</clients>
        <sources>10</sources>
        <queue-size>524288</queue-size>
        <client-timeout>60</client-timeout>
        <header-timeout>30</header-timeout>
        <source-timeout>10</source-timeout>
        <burst-on-connect>1</burst-on-connect>
        <burst-size>65536</burst-size>
    </limits>

    <authentication>
        <source-password>hackme</source-password>
        <relay-password>hackme</relay-password>
        <admin-user>admin</admin-user>
        <admin-password>hackme</admin-password>
    </authentication>

    <listen-socket>
        <port>8000</port>
        <bind-address>0.0.0.0</bind-address>
    </listen-socket>
    
    <listen-socket>
        <port>8443</port>
        <bind-address>0.0.0.0</bind-address>
        <ssl>1</ssl>
    </listen-socket>

    <http-headers>
        <header name="Access-Control-Allow-Origin" value="*" />
        <header name="Access-Control-Allow-Headers" value="Origin, X-Requested-With, Content-Type, Accept" />
        <header name="Access-Control-Allow-Methods" value="GET, POST, OPTIONS" />
        <header name="Cache-Control" value="no-cache, no-store, must-revalidate" />
        <header name="Pragma" value="no-cache" />
        <header name="Expires" value="0" />
    </http-headers>

    
    <mount type="normal">
        <mount-name>/radio</mount-name>
        <password>mypassword</password>
        <public>1</public>
        <max-listeners>100</max-listeners>
        <stream-name>Anime Vibes</stream-name>
        <stream-description>Anime Vibes</stream-description>
        <genre>various</genre>
        <content-type>audio/ogg</content-type>
        <burst-size>65536</burst-size>
        
        <http-headers>
            <header name="Access-Control-Allow-Origin" value="*" />
            <header name="Access-Control-Allow-Headers" value="Origin, X-Requested-With, Content-Type, Accept" />
            <header name="Access-Control-Allow-Methods" value="GET, POST, OPTIONS" />
            <header name="Cache-Control" value="no-cache, no-store, must-revalidate" />
            <header name="Pragma" value="no-cache" />
            <header name="Expires" value="0" />
        </http-headers>
    </mount>

    <fileserve>1</fileserve>

    <paths>
        <logdir>/var/log/icecast2</logdir>
        <webroot>/etc/icecast2/web</webroot>
        <adminroot>/etc/icecast2/admin</adminroot>
       
        <alias source="/" destination="/status.xsl"/>
        
        <ssl-certificate>/etc/icecast2/cert/icecast.pem</ssl-certificate>
        
    </paths>

    <logging>
        <accesslog>access.log</accesslog>
        <errorlog>error.log</errorlog>
        <playlistlog>playlist.log</playlistlog>
        <loglevel>1</loglevel> <!-- 4 Debug, 3 Info, 2 Warn, 1 Error -->
        <logsize>10000</logsize> <!-- Max size of a logfile -->
        <logarchive>1</logarchive>
    </logging>
</icecast>

const express = require('express');
const { spawn } = require('child_process');
const path = require('path');
const fs = require('fs');
const https = require('https');
const app = express();
const port = 3000;

const privateKey = fs.readFileSync('./cert/privateKey.key', 'utf8');
const certificate = fs.readFileSync('./cert/certificate.crt', 'utf8');

const credentials = {
    key: privateKey,
    cert: certificate
};

app.use(express.static(path.join(__dirname)));

// Check if playlist file exists
const playlistPath = path.join(__dirname, 'playlist.txt');
if (!fs.existsSync(playlistPath)) {
    console.error('Playlist file does not exist');
    process.exit(1);
}

console.log(`Playlist path: ${playlistPath}`);

// Start FFmpeg process to create continuous stream from playlist
const ffmpegProcess = spawn('ffmpeg', [
    '-re',
    '-f', 'concat',
    '-safe', '0',
    '-protocol_whitelist', 'file,http,https,tcp,tls',
    '-i', playlistPath,
    '-c:a', 'libvorbis',
    '-f', 'ogg',
    '-tls', '1',
    'icecast://source:mypassword@localhost:8443/radio'
]);

ffmpegProcess.stdout.on('data', (data) => {
    console.log(`FFmpeg stdout: ${data}`);
});

ffmpegProcess.stderr.on('data', (data) => {
    console.error(`FFmpeg stderr: ${data}`);
});

ffmpegProcess.on('close', (code) => {
    console.log(`FFmpeg process exited with code ${code}`);
});

app.get('/radio', (req, res) => {
    res.setHeader('Content-Type', 'audio/ogg');
    res.setHeader('Transfer-Encoding', 'chunked');

    const requestOptions = {
        hostname: 'localhost',
        port: 8443,
        path: '/radio',
        method: 'GET',
        headers: {
            'Accept': 'audio/ogg'
        },
        rejectUnauthorized: false
    };

    const request = https.request(requestOptions, (response) => {
        response.pipe(res);

        response.on('end', () => {
            res.end();
        });
    });

    request.on('error', (err) => {
        console.error(`Request error: ${err.message}`);
        res.status(500).send('Internal Server Error');
    });

    request.end();
});
https.globalAgent.options.ca = [certificate];
// Create HTTPS server
const httpsServer = https.createServer(credentials, app);

httpsServer.listen(port, () => {
    console.log(`Server is running at https://localhost:${port}`);
});

• 提升Icecast日志级别：将配置中<loglevel>1</loglevel>改为<loglevel>4</loglevel>，刷新页面后查看/var/log/icecast2/access.log和error.log，抓取连接过程中的调试信息，排查是否存在隐性的连接中断或协议异常
• 调整客户端超时参数：将<client-timeout>60</client-timeout>改为<client-timeout>120</client-timeout>，同时确认<source-timeout>设置不小于推流端的连接周期，避免源端提前断开导致后续连接无数据
• 完善FFmpeg推流参数：在FFmpeg命令中添加-content_type audio/ogg，明确指定流的内容类型；同时检查FFmpeg stderr输出，确认无编码格式不兼容或推流警告
• 优化Node.js中转响应头：在app.get('/radio')路由中补充缓存禁用头，确保浏览器不缓存流数据：

  res.setHeader('Cache-Control', 'no-cache, no-store, must-revalidate');
  res.setHeader('Pragma', 'no-cache');
  res.setHeader('Expires', '0');
  

• 测试非浏览器播放场景：用VLC播放器直接访问http://localhost:8000/radio或中转链接，查看刷新后是否能正常播放，排查是否为浏览器播放器的缓存或连接机制问题
• 关闭burst连接特性：将<burst-on-connect>1</burst-on-connect>改为<burst-on-connect>0</burst-on-connect>，避免首次连接的burst数据导致后续连接的播放头解析异常
• 验证SSL证书兼容性：暂时关闭8443端口的SSL配置，改用8000端口测试中转链接，排查自签名证书是否导致连接信任问题

内容的提问来源于stack exchange，提问作者Uximy