Thông báo lỗi tùy chỉnh JWPLAYER

Question

Tôi đã nhúng JWPlayer trên trang của mình với thông báo lỗi tùy chỉnh hiển thị hình ảnh khác khi luồng không trực tuyến nhưng hình ảnh lỗi không tải.

<script type='text/javascript'> 
    jwplayer('player').setup({ 
     file: 'http://blog.com/stream.m3u8', 
     image: 'http://blog.com/streamimage.png', 
     title: 'STREAMING TITLE', 
     width: '100%', 
     height: "100%", 
     aspectratio: '16:9', 
     skin: 'glow', 
     mute: 'true', 
     ga: '{}' 
    }); 
    jwplayer().onError(function(){ 
     jwplayer().load({image:"http://blog.com/streamimage-error.png"}); 
     jwplayer().play(); 
    }); 
</script> 

Answer 1

Xem here

Bạn cần phải thêm thuộc tính tập tin như đã đề cập trong tài liệu jwplayer().load({file:"http://jwplayer.com/errorfile.mp4",image:"http://jwplayer.com/errorfile.jpg"});

bạn cần phải tạo ra một error video cho điều này và thay đổi mã của bạn

<script type='text/javascript'> 
    jwplayer('player').setup({ 
     file: 'http://blog.com/stream.m3u8', 
     image: 'http://blog.com/streamimage.png', 
     title: 'STREAMING TITLE', 
     width: '100%', 
     height: "100%", 
     aspectratio: '16:9', 
     skin: 'glow', 
     mute: 'true', 
     ga: '{}' 
    }); 
    jwplayer().onError(function(){ 
     jwplayer().load({file:"http://jwplayer.com/errorfile.mp4", image:"http://blog.com/streamimage-error.png"}); 
     // jwplayer().play();// i dont think you need to play video if it throws error 
    }); 
</script> 

tôi sẽ khuyên bạn nên tạo video lỗi và hình ảnh lỗi và sử dụng nó khi xảy ra lỗi.

Mã dưới đây sẽ hữu ích cho việc theo dõi luồng liên tục.

jwplayer().onBuffer(function(){ 
theTimeout = setTimeout(function(){ 
jwplayer().load({file:"http://jwplayer.com/errorfile.mp4",image:"http://jwplayer.com/errorfile.jpg"}); 
jwplayer().play(); 
},5000); 
}); 

Tôi hy vọng điều đó sẽ hữu ích.