hls.js以ANDROID mobile(Chrome和Webview也是如此)开头,并且没有实时使用***,但在deskto,ios中非常有效..hls.js 1.0.0 2021-04-01 [英] hls.js starting a beginning with ANDROID mobile (chrome, webview also) and not live *** but works very nice in deskto, ios .. hls.js 1.0.0 2021-04-01
问题描述
我正在使用最新的hls.js 1.0.0(不是rc)但使用2021-04-01版本的流式.m3u8 ...
I'm streaming a .m3u8 with the latest hls.js 1.0.0 (not rc) but version of 2021-04-01...
示例:流开始于下午5点,现在是下午5:15 ...
example : the stream began at 5pm, and now it's 5:15 pm...
流几乎在所有浏览器中都从直播点开始
the stream start at live point in almost all browsers
我在这里看到的模式:android中的所有浏览器(在Android 10中经过测试)不会从实时启动,只能从0 ...
The pattern I see here : ALL browsers in android (tested in Android 10) won't start at live point, only at 0...
我做了所有测试
•Safari桌面=>直播时间为5:15
• Safari desktop => stream live at 5:15
•Safari移动版=>直播时间为5:15
• Safari mobile => stream live at 5:15
•WebView(Android)=>•••问题:播放器在0(下午5点)开始播放视频流
•WKWebView(苹果IOS iphone,ipad)=>直播时间为5:15
• WKWebView (apple IOS iphone,ipad) => stream live at 5:15
•Chrome桌面(mac/win)=>直播时间为5:15
• Chrome Desktop (mac/win) => stream live at 5:15
•Chrome MOBILE(Android)=>•••问题:播放器在0(下午5点)开始播放视频流
•Chrome MOBILE(iPhone)=>直播时间为5:15
• Chrome MOBILE (iPhone) => stream live at 5:15
•Microsoft EDGE桌面=>直播时间为5:15
• Microsoft EDGE Desktop => stream live at 5:15
•Microsoft EDGE移动版(android)=>•••问题:播放器在0(下午5点)开始播放视频流
•Firefox桌面(mac/win)=>直播时间为5:15
• Firefox Desktop (mac/win) => stream live at 5:15
•Opera Desktop(mac/win)=>直播时间为5:15
• Opera Desktop (mac/win) => stream live at 5:15
•Opera Mini(iPhone)=>直播时间为5:15
• Opera Mini (iPhone) => stream live at 5:15
•Opera Mini(android)=>•••问题:播放器在0(下午5点)开始播放视频流
•勇敢桌面(mac/win)=>直播时间为5:15
• Brave Desktop (mac/win) => stream live at 5:15
•Brave Mobile(iPhone)=>直播时间为5:15
• Brave Mobile (iPhone) => stream live at 5:15
•Brave Mobile(android)=>•••问题:播放器在0(下午5点)开始播放视频流
此代码
<script src="https://cdn.jsdelivr.net/npm/hls.js@latest"></script>
<center><video width="90%" height="600" id="video" controls="" src="" playsinline="true" preload="metadata" ></video></center>
<script>
var video = document.getElementById("video");
var videoSrc = "https://www.example1.com/streaming/index.m3u8";
if (video.canPlayType("application/vnd.apple.mpegurl")) {
video.src = videoSrc;
} else if (Hls.isSupported()) {
var config = {
autoStartLoad: true,
startPosition: -1,
debug: false,
capLevelOnFPSDrop: false,
capLevelToPlayerSize: false,
defaultAudioCodec: undefined,
initialLiveManifestSize: 1,
maxBufferLength: 30,
maxMaxBufferLength: 500,
backBufferLength: Infinity,
maxBufferSize: 60 * 1000 * 1000,
maxBufferHole: 0.5,
highBufferWatchdogPeriod: 2,
nudgeOffset: 0.1,
nudgeMaxRetry: 3,
maxFragLookUpTolerance: 0.25,
liveSyncDurationCount: 3,
liveMaxLatencyDurationCount: Infinity,
liveDurationInfinity: false,
enableWorker: true,
enableSoftwareAES: true,
manifestLoadingTimeOut: 10000,
manifestLoadingMaxRetry: 1,
manifestLoadingRetryDelay: 1000,
manifestLoadingMaxRetryTimeout: 64000,
startLevel: undefined,
levelLoadingTimeOut: 10000,
levelLoadingMaxRetry: 4,
levelLoadingRetryDelay: 1000,
levelLoadingMaxRetryTimeout: 64000,
fragLoadingTimeOut: 20000,
fragLoadingMaxRetry: 6,
fragLoadingRetryDelay: 1000,
fragLoadingMaxRetryTimeout: 64000,
startFragPrefetch: false,
testBandwidth: true,
progressive: false,
lowLatencyMode: true,
fpsDroppedMonitoringPeriod: 5000,
fpsDroppedMonitoringThreshold: 0.2,
appendErrorMaxRetry: 3,
enableWebVTT: true,
enableIMSC1: true,
enableCEA708Captions: true,
stretchShortVideoTrack: false,
maxAudioFramesDrift: 1,
forceKeyFrameOnDiscontinuity: true,
abrEwmaFastLive: 3.0,
abrEwmaSlowLive: 9.0,
abrEwmaFastVoD: 3.0,
abrEwmaSlowVoD: 9.0,
abrEwmaDefaultEstimate: 500000,
abrBandWidthFactor: 0.95,
abrBandWidthUpFactor: 0.7,
abrMaxWithRealBitrate: false,
maxStarvationDelay: 4,
maxLoadingDelay: 4,
minAutoBitrate: 0,
emeEnabled: false
};
var hls = new Hls(config);
hls.loadSource(videoSrc);
hls.attachMedia(video);
}
video.addEventListener("loadedmetadata", function(){ video.muted = true; video.play(); }, false);
</script>
///在这里我添加了video.muted = true;video.play();自动启动,如果我尝试自动播放静音,许多浏览器都会拒绝此命令...
// here I added video.muted = true; video.play(); to auto start, if I try to autoplay unmuted, many browsers refuse this command...
//playsinline ="true";Safari需要
// playsinline="true" is NEEDED for safari
•••••••FFMPEG命令(有效:它使我有3到4秒的延迟••••••
••••••• THE FFMPEG COMMAND (working : it allows me to have 3 to 4 seconds delay ••••••
ffmpeg -re -i input.x -c:a aac -c:v libx264
-movflags +dash -preset ultrafast
-crf 28 -refs 4 -qmin 4 -pix_fmt yuv420p
-tune zerolatency -c:a aac -ac 2 -profile:v main
-flags -global_header -bufsize 969k
-hls_time 1 -hls_list_size 0 -g 30
-start_number 0 -streaming 1 -hls_playlist 1
-lhls 1 -hls_playlist_type event -f hls path_to_index.m3u8
••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••
•••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••
如何解决?
如何在android MOBILE上实时加载时进行播放?
How can I make play at live point on load in android MOBILE ?
推荐答案
我尝试了 video.currentTime =(parseFloat(video.duration)-1);
这并且它正在工作;)
I tried video.currentTime = ( parseFloat(video.duration) - 1 );
this and it's working ;)
视频标签
<video width="90%" height="600" id="video"
controls="" src="" playsinline="true" preload="metadata" ></video>
和脚本
<script>
video = document.getElementById("video");
//the regular HLS portion loadSource attachMedia...
video.addEventListener("loadedmetadata", function({
video.muted = true;
setTimeout(function(){
video.currentTime = ( parseFloat(video.duration) - 1 );video.play();
}, 1169);
}, false);
<script>
preload =元数据"视频标签中的内容很重要,因为 video.addEventListener("loadedmetadata"
起到了神奇的作用.
preload="metadata" in the video tag is important because video.addEventListener("loadedmetadata"
does the magic...
这篇关于hls.js以ANDROID mobile(Chrome和Webview也是如此)开头,并且没有实时使用***,但在deskto,ios中非常有效..hls.js 1.0.0 2021-04-01的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!