2013-12-18 04:37:46 +00:00
<!DOCTYPE html>
< html >
< head >
2013-12-21 06:19:05 +00:00
< title > SRS< / title >
2013-12-18 04:37:46 +00:00
< meta charset = "utf-8" >
< link rel = "stylesheet" type = "text/css" href = "css/bootstrap.min.css" / >
< style >
body{
2021-05-05 05:26:25 +00:00
padding-top: 30px;
2013-12-21 03:37:46 +00:00
}
2013-12-18 04:37:46 +00:00
< / style >
< / head >
< body >
2022-05-16 14:44:21 +00:00
< img src = '//ossrs.net/gif/v1/sls.gif?site=ossrs.net&path=/player/srsplayer' / >
2013-12-18 04:37:46 +00:00
< div class = "navbar navbar-fixed-top" >
< div class = "navbar-inner" >
< div class = "container" >
2023-11-04 08:21:44 +00:00
< a class = "brand" href = "https://github.com/ossrs/srs" target = "_blank" > SRS< / a >
2013-12-18 04:37:46 +00:00
< div class = "nav-collapse collapse" >
< ul class = "nav" >
2023-11-01 09:47:52 +00:00
< li class = "active" > < a id = "nav_srs_player" href = "srs_player.html" > LivePlayer< / a > < / li >
<!-- <li><a id="nav_rtc_player" href="rtc_player.html">RTC播放器</a></li> -->
<!-- <li><a id="nav_rtc_publisher" href="rtc_publisher.html">RTC推流</a></li> -->
2023-03-21 00:49:07 +00:00
< li > < a id = "nav_whip" href = "whip.html" > WHIP< / a > < / li >
< li > < a id = "nav_whep" href = "whip.html" > WHEP< / a > < / li >
2020-10-30 03:18:08 +00:00
< li > < a href = "http://ossrs.net/srs.release/releases/app.html" > iOS/Andriod< / a > < / li >
2020-04-21 07:13:46 +00:00
<!-- <li><a id="nav_srs_publisher" href="srs_publisher.html">SRS编码器</a></li> -->
<!-- <li><a id="nav_srs_chat" href="srs_chat.html">SRS会议</a></li> -->
<!-- <li><a id="nav_srs_bwt" href="srs_bwt.html">SRS测网速</a></li> -->
<!-- li><a id="nav_vlc" href="vlc.html">VLC播放器</a></li> -->
2021-06-16 05:40:54 +00:00
<!-- <li><a id="nav_gb28181" href="srs_gb28181.html">GB28181</a></li> -->
2023-11-04 08:21:44 +00:00
<!-- <li>
2020-10-28 02:48:48 +00:00
< a href = "https://github.com/ossrs/srs" >
< img alt = "GitHub Repo stars" src = "https://img.shields.io/github/stars/ossrs/srs?style=social" >
< / a >
2023-11-04 08:21:44 +00:00
< / li > -->
2013-12-18 04:37:46 +00:00
< / ul >
< / div >
< / div >
< / div >
< / div >
2013-12-18 06:29:55 +00:00
< div class = "container" >
2019-12-18 03:06:01 +00:00
2021-01-20 10:59:14 +00:00
< div id = "main_content" >
< div id = "main_info" class = "alert alert-info fade in" >
2019-12-18 03:06:01 +00:00
< button type = "button" class = "close" data-dismiss = "alert" > × < / button >
2023-11-01 09:47:52 +00:00
< strong > < span > Usage:< / span > < / strong > < span > Enter the HTTP-FLV/HLS URL and click "Play" to start playing the video.< / span >
2019-12-18 03:06:01 +00:00
< / div >
< div class = "form-inline" >
2021-01-20 10:59:14 +00:00
< div >
URL:
< input type = "text" id = "txt_url" class = "input-xxlarge" value = "" >
2023-11-01 09:47:52 +00:00
< button class = "btn btn-primary" id = "btn_play" > Play< / button >
2021-01-20 10:59:14 +00:00
< / div >
2019-12-27 02:40:44 +00:00
< p > < / p >
2021-01-20 10:59:14 +00:00
< div >
< video id = "video_player" width = "100%" autoplay controls > < / video >
2022-12-24 07:44:28 +00:00
< audio id = "audio_player" width = "100%" autoplay controls > < / audio >
2021-01-20 10:59:14 +00:00
< / div >
2019-12-27 02:40:44 +00:00
< p >
2023-11-01 09:47:52 +00:00
Share: < a href = "#" id = "link_url" target = "_blank" > Please right-click and copy this link.< / a >
2019-12-27 02:40:44 +00:00
< / p >
2021-01-20 10:59:14 +00:00
< div id = "main_tips" >
< p > < / p >
< p >
2023-11-01 09:47:52 +00:00
Recommended other players:
2021-01-20 10:59:14 +00:00
< ul >
2023-11-01 09:47:52 +00:00
< li > < a href = "https://github.com/xqq/mpegts.js" > flv.js< / a > , HTML5/MSE for playing HTTP-FLV< / li >
< li > < a href = "https://github.com/xqq/mpegts.js" > mpegts.js< / a > , HTML5/MSE for playing HTTP-TS< / li >
< li > < a href = "https://github.com/video-dev/hls.js/" > hls.js< / a > , HTML5/MSE for playing HLS< / li >
< li > < a href = "https://github.com/Dash-Industry-Forum/dash.js" > dash.js< / a > , HTML5/MSE for playing MPEG-DASH< / li >
2021-01-20 10:59:14 +00:00
< / ul >
< / p >
2019-12-18 03:06:01 +00:00
< / div >
2015-08-20 08:11:17 +00:00
< / div >
2021-01-20 10:59:14 +00:00
< / div >
< div name = "detect_flash" >
< div id = "main_flash_alert" class = "alert alert-danger fade in hide" >
< button type = "button" class = "close" data-dismiss = "alert" > × < / button >
< p >
2023-11-01 09:47:52 +00:00
< a href = "https://www.adobe.com/products/flashplayer/end-of-life.html" target = "_blank" > Flash is dead< / a > ，
Unable to play RTMP streams, you can use ffplay or VLC player to play.
2021-01-20 10:59:14 +00:00
< / p >
< ul >
2023-11-01 09:47:52 +00:00
< li > If you want low-latency live streaming (3-5 seconds), you can use HTTP-FLV with the < a href = "https://github.com/xqq/mpegts.js" > flv.js< / a > player for H5/MSE playback of HTTP-FLV.< / li >
< li > If you want low-latency live streaming (3-5 seconds), you can use HTTP-TS with the < a href = "https://github.com/xqq/mpegts.js" > mpegts.js< / a > player for H5/MSE playback of HTTP-TS.< / li >
< li > If you are not sensitive to latency (5-10 seconds) and want better cross-platform compatibility, you can use HLS with the < a href = "https://github.com/video-dev/hls.js/" > hls.js< / a > player for H5/MSE playback of HLS.< / li >
< li > If you want ultra-low latency (within 1 second) and only need to support mainstream browsers, you can use WebRTC with the < a href = "rtc_player.html" > RTC player< / a > .< / li >
2021-01-20 10:59:14 +00:00
< / ul >
< p >
更多信息，参考< a href = "https://mp.weixin.qq.com/s/oYn5q4fF9afaged23Ueudg" target = "_blank" > 没有Flash如何做直播？ < / a >
< / p >
2013-12-19 16:12:17 +00:00
< / div >
< / div >
2019-12-18 03:06:01 +00:00
2013-12-18 06:29:55 +00:00
< footer >
2019-12-18 03:33:34 +00:00
< p > < / p >
2015-11-11 02:37:50 +00:00
< p > < a href = "https://github.com/ossrs/srs" > SRS Team © 2013< / a > < / p >
2013-12-18 06:29:55 +00:00
< / footer >
< / div >
2015-08-20 07:19:43 +00:00
< / body >
2023-06-29 22:28:10 +00:00
< script type = "text/javascript" src = "js/jquery-1.12.2.min.js" > < / script >
2015-08-20 07:19:43 +00:00
< script type = "text/javascript" src = "js/bootstrap.min.js" > < / script >
2023-04-08 01:18:10 +00:00
< script type = "text/javascript" src = "js/mpegts-1.7.3.min.js" > < / script >
Upgrade hls.js and set in low latency mode. v6.0.112 (#3924)
HLS typically has a delay of around 30 seconds, roughly comprising three
segments, each lasting 10 seconds. We can reduce the delay to about 5
seconds by lowering the segment duration to 2 seconds and starting
playback from the last segment, achieving a stable delay.
Of course, this requires setting the OBS's GOP to 1 second, and the
profile to baseline, preset to fast, and tune to zerolatency.
Additionally, updating a few configurations in the hls.js player is
necessary, such as setting it to start playback from the last segment,
setting the maximum buffer, and initiating accelerated playback to
reduce latency.
---------
Co-authored-by: chundonglinlin <chundonglinlin@163.com>
Co-authored-by: john <hondaxiao@tencent.com>
2024-02-05 13:37:29 +00:00
< script type = "text/javascript" src = "js/hls-1.4.14.min.js" > < / script >
2022-11-24 10:09:50 +00:00
< script type = "text/javascript" src = "js/dash-v4.5.1.all.min.js" > < / script >
2015-08-20 07:19:43 +00:00
< script type = "text/javascript" src = "js/json2.js" > < / script >
< script type = "text/javascript" src = "js/srs.page.js" > < / script >
< script type = "text/javascript" src = "js/srs.log.js" > < / script >
< script type = "text/javascript" src = "js/srs.utility.js" > < / script >
2016-03-19 14:45:39 +00:00
< script type = "text/javascript" src = "js/winlin.utility.js" > < / script >
2019-12-18 03:06:01 +00:00
< script type = "text/javascript" >
2021-01-20 10:59:14 +00:00
var flvPlayer = null;
2022-11-21 11:16:44 +00:00
var tsPlayer = null;
2021-01-20 10:59:14 +00:00
var hlsPlayer = null;
2022-11-24 10:09:50 +00:00
var dashPlayer = null;
2021-01-20 10:59:14 +00:00
2021-01-20 12:36:30 +00:00
var stopPlayers = function () {
if (flvPlayer) {
flvPlayer.destroy();
flvPlayer = null;
}
2022-11-21 11:16:44 +00:00
if (tsPlayer) {
tsPlayer.destroy();
tsPlayer = null;
}
2021-01-20 12:36:30 +00:00
if (hlsPlayer) {
hlsPlayer.destroy();
hlsPlayer = null;
}
2022-11-24 10:09:50 +00:00
if (dashPlayer) {
dashPlayer.destroy();
dashPlayer = null;
}
2021-01-20 12:36:30 +00:00
};
2021-01-20 10:59:14 +00:00
var hide_for_error = function () {
$('#main_flash_alert').show();
$('#main_info').hide();
$('#main_tips').hide();
$('#video_player').hide();
2022-12-24 07:44:28 +00:00
$('#audio_player').hide();
2021-01-20 10:59:14 +00:00
//$('#btn_play').hide();
2021-01-20 12:36:30 +00:00
stopPlayers();
2021-01-20 10:59:14 +00:00
};
2015-08-20 07:19:43 +00:00
2022-12-24 07:44:28 +00:00
var show_for_video_ok = function () {
2021-01-20 10:59:14 +00:00
$('#main_flash_alert').hide();
$('#main_info').show();
$('#main_tips').show();
$('#video_player').show();
2022-12-24 07:44:28 +00:00
$('#audio_player').hide();
//$('#btn_play').show();
};
var show_for_audio_ok = function () {
$('#main_flash_alert').hide();
$('#main_info').show();
$('#main_tips').show();
$('#video_player').hide();
$('#audio_player').show();
2021-01-20 10:59:14 +00:00
//$('#btn_play').show();
};
2015-08-20 07:19:43 +00:00
2021-01-20 10:59:14 +00:00
var apply_url_change = function() {
var r = parse_rtmp_url($("#txt_url").val());
var url = window.location.protocol + "//" + query.host + query.pathname + "?autostart=true"
+ "& app=" + r.app + "& stream=" + r.stream + "& server=" + r.server + "& port=" + r.port;
2021-01-20 12:36:30 +00:00
url += (query.shp_identify) ? "& shp_identify=" + query.shp_identify : '';
url += (r.vhost === "__defaultVhost__") ? "& vhost=" + r.server : "& vhost=" + r.vhost;
url += (r.schema !== "rtmp") ? "& schema=" + r.schema : '';
url += (query.buffer) ? "& buffer=" + query.buffer : '';
url += (query.api_port) ? "& api_port=" + query.api_port : '';
2021-01-20 10:59:14 +00:00
var queries = user_extra_params(query);
queries = user_extra_params(r, queries);
if (queries & & queries.length) {
url += '& ' + queries.join('&');
2015-08-20 07:19:43 +00:00
}
2021-01-20 10:59:14 +00:00
$("#player_url").text($("#txt_url").val()).attr("href", url);
$("#link_url").attr("href", url);
2015-08-20 07:19:43 +00:00
2021-01-20 10:59:14 +00:00
// For RTMP, not support.
if (r.schema === 'rtmp') {
hide_for_error();
return;
2015-08-23 23:55:30 +00:00
}
2021-01-20 12:36:30 +00:00
return r;
};
var start_play = function (r) {
stopPlayers();
2021-01-20 12:47:57 +00:00
if (!r) return;
2021-01-20 12:36:30 +00:00
Upgrade hls.js and set in low latency mode. v6.0.112 (#3924)
HLS typically has a delay of around 30 seconds, roughly comprising three
segments, each lasting 10 seconds. We can reduce the delay to about 5
seconds by lowering the segment duration to 2 seconds and starting
playback from the last segment, achieving a stable delay.
Of course, this requires setting the OBS's GOP to 1 second, and the
profile to baseline, preset to fast, and tune to zerolatency.
Additionally, updating a few configurations in the hls.js player is
necessary, such as setting it to start playback from the last segment,
setting the maximum buffer, and initiating accelerated playback to
reduce latency.
---------
Co-authored-by: chundonglinlin <chundonglinlin@163.com>
Co-authored-by: john <hondaxiao@tencent.com>
2024-02-05 13:37:29 +00:00
const video = document.getElementById('video_player');
2022-12-24 07:44:28 +00:00
// Use H5 native to play aac/mp3.
if (r.stream.indexOf('.mp3') > 0 || r.stream.indexOf('.aac') > 0) {
$('#audio_player').attr('src', r.url).show();
show_for_audio_ok();
return;
}
2022-11-21 11:00:33 +00:00
// Use H5 native to play mp4.
if (r.stream.indexOf('.mp4') > 0) {
$('#video_player').attr('src', r.url).show();
2022-12-24 07:44:28 +00:00
show_for_video_ok();
2022-11-21 11:00:33 +00:00
return;
}
2022-11-21 11:16:44 +00:00
// Start play HTTP-TS.
if (r.stream.indexOf('.ts') > 0) {
if (!mpegts.getFeatureList().mseLivePlayback) {
hide_for_error();
return;
}
2022-12-24 07:44:28 +00:00
show_for_video_ok();
2022-11-21 11:16:44 +00:00
2023-03-23 02:01:20 +00:00
tsPlayer = mpegts.createPlayer({type: 'mpegts', url: r.url, isLive: true, enableStashBuffer: false});
Upgrade hls.js and set in low latency mode. v6.0.112 (#3924)
HLS typically has a delay of around 30 seconds, roughly comprising three
segments, each lasting 10 seconds. We can reduce the delay to about 5
seconds by lowering the segment duration to 2 seconds and starting
playback from the last segment, achieving a stable delay.
Of course, this requires setting the OBS's GOP to 1 second, and the
profile to baseline, preset to fast, and tune to zerolatency.
Additionally, updating a few configurations in the hls.js player is
necessary, such as setting it to start playback from the last segment,
setting the maximum buffer, and initiating accelerated playback to
reduce latency.
---------
Co-authored-by: chundonglinlin <chundonglinlin@163.com>
Co-authored-by: john <hondaxiao@tencent.com>
2024-02-05 13:37:29 +00:00
tsPlayer.attachMediaElement(video);
2022-11-21 11:16:44 +00:00
tsPlayer.load();
tsPlayer.play();
return;
}
2021-01-20 10:59:14 +00:00
// Start play HLS.
if (r.stream.indexOf('.m3u8') > 0) {
if (!Hls.isSupported()) {
hide_for_error();
return;
2018-08-12 03:52:18 +00:00
}
2015-08-20 08:11:17 +00:00
2022-12-24 07:44:28 +00:00
show_for_video_ok();
2015-08-20 07:19:43 +00:00
Upgrade hls.js and set in low latency mode. v6.0.112 (#3924)
HLS typically has a delay of around 30 seconds, roughly comprising three
segments, each lasting 10 seconds. We can reduce the delay to about 5
seconds by lowering the segment duration to 2 seconds and starting
playback from the last segment, achieving a stable delay.
Of course, this requires setting the OBS's GOP to 1 second, and the
profile to baseline, preset to fast, and tune to zerolatency.
Additionally, updating a few configurations in the hls.js player is
necessary, such as setting it to start playback from the last segment,
setting the maximum buffer, and initiating accelerated playback to
reduce latency.
---------
Co-authored-by: chundonglinlin <chundonglinlin@163.com>
Co-authored-by: john <hondaxiao@tencent.com>
2024-02-05 13:37:29 +00:00
// See https://github.com/video-dev/hls.js/blob/master/docs/API.md#maxlivesyncplaybackrate
// See https://github.com/video-dev/hls.js/issues/3077#issuecomment-705152394
hlsPlayer = new Hls({
enableWorker: true, // Improve performance and avoid lag/frame drops.
lowLatencyMode: true, // Enable Low-Latency HLS part playlist and segment loading.
2024-03-19 13:08:03 +00:00
liveSyncDurationCount: 2, // Start from the last few segments.
liveMaxLatencyDurationCount: 10, // Maximum delay allowed from edge of live.
maxBufferLength: 8, // Maximum buffer length in seconds.
maxMaxBufferLength: 10, // The max Maximum buffer length in seconds.
maxLiveSyncPlaybackRate: 1.2, // Catch up if the latency is large.
Upgrade hls.js and set in low latency mode. v6.0.112 (#3924)
HLS typically has a delay of around 30 seconds, roughly comprising three
segments, each lasting 10 seconds. We can reduce the delay to about 5
seconds by lowering the segment duration to 2 seconds and starting
playback from the last segment, achieving a stable delay.
Of course, this requires setting the OBS's GOP to 1 second, and the
profile to baseline, preset to fast, and tune to zerolatency.
Additionally, updating a few configurations in the hls.js player is
necessary, such as setting it to start playback from the last segment,
setting the maximum buffer, and initiating accelerated playback to
reduce latency.
---------
Co-authored-by: chundonglinlin <chundonglinlin@163.com>
Co-authored-by: john <hondaxiao@tencent.com>
2024-02-05 13:37:29 +00:00
liveDurationInfinity: true // Override current Media Source duration to Infinity for a live broadcast.
});
2021-01-20 10:59:14 +00:00
hlsPlayer.loadSource(r.url);
Upgrade hls.js and set in low latency mode. v6.0.112 (#3924)
HLS typically has a delay of around 30 seconds, roughly comprising three
segments, each lasting 10 seconds. We can reduce the delay to about 5
seconds by lowering the segment duration to 2 seconds and starting
playback from the last segment, achieving a stable delay.
Of course, this requires setting the OBS's GOP to 1 second, and the
profile to baseline, preset to fast, and tune to zerolatency.
Additionally, updating a few configurations in the hls.js player is
necessary, such as setting it to start playback from the last segment,
setting the maximum buffer, and initiating accelerated playback to
reduce latency.
---------
Co-authored-by: chundonglinlin <chundonglinlin@163.com>
Co-authored-by: john <hondaxiao@tencent.com>
2024-02-05 13:37:29 +00:00
hlsPlayer.attachMedia(video);
video.play();
2021-01-20 10:59:14 +00:00
return;
2015-08-20 07:19:43 +00:00
}
2022-11-24 10:09:50 +00:00
// Start play MPEG-DASH.
if (r.stream.indexOf('.mpd') > 0) {
2022-12-24 07:44:28 +00:00
show_for_video_ok();
2022-11-24 10:09:50 +00:00
dashPlayer = dashjs.MediaPlayer().create();
dashPlayer.initialize(document.querySelector("#video_player"), r.url, true);
return;
}
2022-12-13 13:03:44 +00:00
// Start play HTTP-FLV.
let isFlv = r.stream.indexOf('.flv') > 0;
// Compatible with NGINX-HTTP-FLV module, see https://github.com/winshining/nginx-http-flv-module and the stream
// url without .flv, such as:
// http://localhost:8080/live?app=live& stream=livestream
isFlv = isFlv || r.stream & & r.url.indexOf('http') === 0;
if (isFlv) {
if (!mpegts.getFeatureList().mseLivePlayback) {
hide_for_error();
return;
}
2022-12-24 07:44:28 +00:00
show_for_video_ok();
2022-12-13 13:03:44 +00:00
Upgrade hls.js and set in low latency mode. v6.0.112 (#3924)
HLS typically has a delay of around 30 seconds, roughly comprising three
segments, each lasting 10 seconds. We can reduce the delay to about 5
seconds by lowering the segment duration to 2 seconds and starting
playback from the last segment, achieving a stable delay.
Of course, this requires setting the OBS's GOP to 1 second, and the
profile to baseline, preset to fast, and tune to zerolatency.
Additionally, updating a few configurations in the hls.js player is
necessary, such as setting it to start playback from the last segment,
setting the maximum buffer, and initiating accelerated playback to
reduce latency.
---------
Co-authored-by: chundonglinlin <chundonglinlin@163.com>
Co-authored-by: john <hondaxiao@tencent.com>
2024-02-05 13:37:29 +00:00
// See https://github.com/xqq/mpegts.js/blob/master/src/config.js#L32
// See https://github.com/xqq/mpegts.js/blob/master/docs/api.md
flvPlayer = mpegts.createPlayer({
type: 'flv', url: r.url,
isLive: true, enableStashBuffer: false, liveSync: true
});
flvPlayer.attachMediaElement(video);
2022-12-13 13:03:44 +00:00
flvPlayer.load();
flvPlayer.play();
return;
}
2021-01-20 10:59:14 +00:00
$('#video_player').hide();
Upgrade hls.js and set in low latency mode. v6.0.112 (#3924)
HLS typically has a delay of around 30 seconds, roughly comprising three
segments, each lasting 10 seconds. We can reduce the delay to about 5
seconds by lowering the segment duration to 2 seconds and starting
playback from the last segment, achieving a stable delay.
Of course, this requires setting the OBS's GOP to 1 second, and the
profile to baseline, preset to fast, and tune to zerolatency.
Additionally, updating a few configurations in the hls.js player is
necessary, such as setting it to start playback from the last segment,
setting the maximum buffer, and initiating accelerated playback to
reduce latency.
---------
Co-authored-by: chundonglinlin <chundonglinlin@163.com>
Co-authored-by: john <hondaxiao@tencent.com>
2024-02-05 13:37:29 +00:00
const msg = `Not supported URL ${r.url} ${JSON.stringify(r)}`;
console.error(msg);
alert(msg);
2021-01-20 10:59:14 +00:00
};
2015-08-23 23:55:30 +00:00
2021-01-20 10:59:14 +00:00
$("#txt_url").change(function(){
apply_url_change();
});
2015-08-20 07:19:43 +00:00
2021-01-20 10:59:14 +00:00
$("#btn_play").click(function(){
2021-01-20 12:36:30 +00:00
$('#video_player').prop('muted', false);
2022-12-24 07:44:28 +00:00
$('#audio_player').prop('muted', false);
2021-01-20 12:36:30 +00:00
var r = apply_url_change();
start_play(r);
2021-01-20 10:59:14 +00:00
});
2015-08-20 10:33:33 +00:00
2021-01-20 10:59:14 +00:00
/****
* The parameters for this page:
* schema, the protocol schema, rtmp or http.
* server, the ip of the url.
* port, the rtmp port of url.
* vhost, the vhost of url, can equals to server.
* app, the app of url.
* stream, the stream of url, can endwith .flv or .mp4 or nothing for RTMP.
* autostart, whether auto play the stream.
* buffer, the buffer time in seconds.
* extra params:
* shp_identify, hls+ param.
* for example:
* http://localhost:8088/players/srs_player.html?vhost=ossrs.net& app=live& stream=livestream& server=ossrs.net& port=1935& autostart=true& schema=rtmp
* http://localhost:8088/players/srs_player.html?vhost=ossrs.net& app=live& stream=livestream.flv& server=ossrs.net& port=8080& autostart=true& schema=http
*/
var query = parse_query_string();
// get the vhost and port to set the default url.
2021-04-24 11:45:05 +00:00
// url set to: http://localhost:8080/live/livestream.flv
srs_init_flv("#txt_url");
2021-01-20 10:59:14 +00:00
if (query.autostart === "true") {
2022-12-24 07:44:28 +00:00
// Note that only need to mute video player, because audio player is impossible to autostart whatever muted or
// not, however you can preload the audio stream by setting the src of audio, see https://developer.mozilla.org/en-US/docs/Web/Media/Autoplay_guide#example_allowing_autoplay_and_fullscreen_mode
2021-01-20 12:36:30 +00:00
$('#video_player').prop('muted', true);
console.warn('For autostart, we should mute it, see https://www.jianshu.com/p/c3c6944eed5a ' +
'or https://developers.google.com/web/updates/2017/09/autoplay-policy-changes#audiovideo_elements');
var r = apply_url_change();
start_play(r);
2021-01-20 13:06:57 +00:00
} else {
$('#video_player').hide();
2022-12-24 07:44:28 +00:00
$('#audio_player').hide();
2021-01-20 10:59:14 +00:00
}
2015-08-20 07:19:43 +00:00
< / script >
< / html >
