有支持M3U8格式的HTML5播放器吗？-H5 튜토리얼-php.cn

回复内容：

집

웹 프론트엔드

H5 튜토리얼

有支持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-playerhttp://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播放

본 웹사이트의 성명

본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.

핫 AI 도구

Undresser.AI Undress

사실적인 누드 사진을 만들기 위한 AI 기반 앱

AI Clothes Remover

사진에서 옷을 제거하는 온라인 AI 도구입니다.

Undress AI Tool

무료로 이미지를 벗다

Clothoff.io

AI 옷 제거제

AI Hentai Generator

AI Hentai를 무료로 생성하십시오.

뜨거운 도구

메모장++7.3.1

사용하기 쉬운 무료 코드 편집기

SublimeText3 중국어 버전

중국어 버전, 사용하기 매우 쉽습니다.

스튜디오 13.0.1 보내기

강력한 PHP 통합 개발 환경

드림위버 CS6

시각적 웹 개발 도구

SublimeText3 Mac 버전

신 수준의 코드 편집 소프트웨어(SublimeText3)

뜨거운 주제

Gmail 이메일의 로그인 입구는 어디에 있나요?

7415

Cakephp 튜토리얼

1359

Steam의 계정 이름 형식은 무엇입니까?

Win11 활성화 키 영구

Related knowledge

뷰포트 메타 태그를 사용하여 모바일 장치에서 페이지 스케일링을 제어하려면 어떻게합니까? Mar 13, 2025 pm 08:00 PM

이 기사에서는 Viewport Meta 태그를 사용하여 모바일 장치의 페이지 스케일링을 제어하여 폭과 최적의 응답 성 및 성능을위한 초기 스케일과 같은 설정에 중점을 둡니다. character count : 159

HTML5 및 JavaScript로 대화 형 게임을 만드는 방법은 무엇입니까? Mar 10, 2025 pm 06:34 PM

이 기사는 JavaScript를 사용하여 대화식 HTML5 게임을 만드는 자세한 내용입니다. 게임 디자인, HTML 구조, CSS 스타일, JavaScript 로직 (이벤트 처리 및 애니메이션 포함) 및 오디오 통합을 다룹니다. 필수 JavaScript 라이브러리 (Phaser, PI

내 HTML5 웹 사이트에 오디오를 추가하는 방법은 무엇입니까? Mar 10, 2025 pm 03:01 PM

이 기사는 & lt; audio & gt를 사용하여 HTML5에 오디오를 포함시키는 방법을 설명합니다. 형식 선택에 대한 모범 사례 (MP3, OGG Vorbis), 파일 최적화 및 재생에 대한 JavaScript 컨트롤을 포함한 요소. 다중 오디오를 사용하는 것을 강조합니다