有支持M3U8格式的HTML5播放器吗？-H5 Tutorial-php.cn

Home

Web Front-end

H5 Tutorial

有支持M3U8格式的HTML5播放器吗？

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB

Jun 07, 2016 am 08:43 AM

回复内容：

有，
safari的h5原生支持hls(m3u8)播放
chrome等浏览器需要自己写解码，参考这个videojs/videojs-contrib-hls · GitHub
也就是说HTML5 Video Player 安装videojs-contrib-hls插件就可以了播放器本身只提供了界面，不提供解码支持
解码跟使用的浏览器有关
目前chrome支持最多
也可以调用本地播放器，但是就和HTML5的界面没关系了

<span class="nt"><html></span>
<span class="nt"><head></span>
<span class="nt"><title></span>HTTP Live Streaming Example<span class="nt"></title></span>
<span class="nt"></head></span>
<span class="nt"><body></span>
<span class="nt"><video</span>
<span class="na">src=</span><span class="s">"http://devimages.apple.com/iphone/samples/bipbop/bipbopall.m3u8"</span>
<span class="na">height=</span><span class="s">"300"</span> <span class="na">width=</span><span class="s">"400"</span>
<span class="nt">></span>
<span class="nt"></video></span>
<span class="nt"></body></span>
<span class="nt"></html></span>

Sewise Player可以。
https://github.com/jackzhang1204/sewise-player http://www.52player.com/VideoPlayer/2014/121751.html 发现很多答案都是用Flash实现的，我分享个github上JS做HSF -> MP4 转码，然后用canvas来绘制实现视频的： RReverser/mpegts · GitHub 除了safari外，其它都不行。都是去调的swf M3U8是HLS文件的后缀名，这种格式是流媒体（我现在的工作就跟这个有很大关联），具体的html5的播放器我不确定，但是如果你想在自己的PC上播起来的话，可以试试安装VLC播放器，打开之后Ctrl+“N”,然后输入m3u8文件的link，然后播放即可。我怎么记得M3U是一种MP3播放列表文件，而后面的8代表是UTF-8编码。

苹果有使用这种格式：「在IOS device和mac上可以用http的方式进行分发，其中playlist标准为由m3u扩展而来的m3u8文件，媒体文件为MPEG2-TS或者AAC」

你还是看看文件大小，如果不到1MB的话估计只是个纯文本文件啊～ M3U8为mac专有的视频格式, mac\ios下的浏览器都支持M3U8的html5播放

Statement

The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn

How to Add Audio to My HTML5 Website?Mar 10, 2025 pm 03:01 PM

This article explains how to embed audio in HTML5 using the <audio> element, including best practices for format selection (MP3, Ogg Vorbis), file optimization, and JavaScript control for playback. It emphasizes using multiple audio f

How do I use the HTML5 Page Visibility API to detect when a page is visible?Mar 13, 2025 pm 07:51 PM

The article discusses using the HTML5 Page Visibility API to detect page visibility, improve user experience, and optimize resource usage. Key aspects include pausing media, reducing CPU load, and managing analytics based on visibility changes.

How to Use HTML5 Forms for User Input?Mar 10, 2025 pm 02:59 PM

This article explains how to create and validate HTML5 forms. It details the <form> element, input types (text, email, number, etc.), and attributes (required, pattern, min, max). The advantages of HTML5 forms over older methods, incl

How do I handle user location privacy and permissions with the Geolocation API?Mar 18, 2025 pm 02:16 PM

The article discusses managing user location privacy and permissions using the Geolocation API, emphasizing best practices for requesting permissions, ensuring data security, and complying with privacy laws.

How to Create Interactive Games with HTML5 and JavaScript?Mar 10, 2025 pm 06:34 PM

This article details creating interactive HTML5 games using JavaScript. It covers game design, HTML structure, CSS styling, JavaScript logic (including event handling and animation), and audio integration. Essential JavaScript libraries (Phaser, Pi

How do I use viewport meta tags to control page scaling on mobile devices?Mar 13, 2025 pm 08:00 PM

The article discusses using viewport meta tags to control page scaling on mobile devices, focusing on settings like width and initial-scale for optimal responsiveness and performance.Character count: 159

How do I use the HTML5 Notifications API to display desktop notifications?Mar 13, 2025 pm 07:57 PM

The article explains how to use the HTML5 Notifications API to display desktop notifications, focusing on permission requirements, customization, and browser support.

How do I use the HTML5 WebSockets API for bidirectional communication between client and server?Mar 12, 2025 pm 03:20 PM

This article explains the HTML5 WebSockets API for real-time, bidirectional client-server communication. It details client-side (JavaScript) and server-side (Python/Flask) implementations, addressing challenges like scalability, state management, an

See all articles