Firefox에서 HTML5 h.264 비디오를 작동 시키려면 어떻게해야합니까?


27

Firefox 26 릴리스 노트에 따르면 이제 h.264 비디오가 Linux에서 작동해야합니다. 또한 적절한 gstreamer 플러그인을 설치해야한다고 말합니다. 아무도 이것이 무엇인지 알고 있습니까?

테스트 사이트YouTube HTML5 페이지 를 사용하여 h.264 지원이 Ubuntu 12.04 64 비트의 Chrome에서는 작동하지만 Firefox 26에서는 작동하지 않는지 확인했습니다.


gstreamer0.10-plugins-good이 이미 설치되어 있습니다. 나는 gstreamer0.10 - 플러그인 - 나쁜 gstreamer0.10 - 플러그인 - 추한 설치하려고 하겠어
HarlemSquirrel

이 기능은 버전 24부터 Firefox에 존재합니다. 26에서 변경된 것은 현재 기본적으로 활성화되어 있기 때문입니다. 이전에 media.gstreamer.enabled에서 true 로 설정 해야했습니다 about:config.
falconer

나는 about:config@falconer 에 이것을 가지고 있지 않으며 Firefox 25와 gstreamer로 시작하는 모든 것을 가지고 있습니다 :-(
Wilf

1
@wilf 흥미 롭습니다. 나를 위해 그것은 문제없이 작동합니다. 그러나 Google에서 읽을 때 컴파일 타임에 활성화해야했으며 Fedora는 빌드에서 허용하지 않았습니다. 공식 우분투 저장소에서 FF 빌드를 사용하고 있습니까?
falconer

이것이 원래 묻는 질문에 대한 대답은 아니지만, 여전히 언급 할 가치가 있다고 생각합니다. HTML5 비디오는 이념적으로 더 우수하지만 성능이 완전히 끔찍할 수 있습니다. HTML5 플레이어와 함께 YouTube를 사용하는 경우 사용하는 컴퓨터에 관계없이 CPU가 100 %로 지속적으로 충돌하고 끊김 현상이 자주 발생합니다. 이것은 많은 소프트웨어 디코딩이 진행되고 있음을 나타냅니다. HW 가속 기능이있는 Adobe Flash Player를 사용할 때 [1] 비디오를 재생하는 동안 CPU 소비량이 10-20 %가됩니다. RAM의 12GBs와 코어 i7 안정적으로 HTML5 보라 재생할 수없는 경우
Jostein Kjønigsen

답변:


30

12.04 / 14.04 / 18.10의 경우

HTML5 Youtube 테스트를 방금 방문했는데 H.264를 확인했습니다. gstreamer 코덱을 얻으려면 우분투 제한 엑스트라를 설치해야 할 것입니다.

sudo apt-get install ubuntu-restricted-extras

다시 시작해야 할 수도 있습니다.

여기에 이미지 설명을 입력하십시오


2
그 트릭을했다! 너무 간단합니다! 나는 이미 그것을 설치했다고 생각했다. ubuntu-restricted-extras 패키지는 다음 패키지를 설치했습니다flashplugin-installer gstreamer0.10-ffmpeg gstreamer0.10-fluendo-mp3 gstreamer0.10-plugins-bad-multiverse libfaac0 libmjpegtools-1.9 libnspr4-0d libnss3-1d liboil0.3 ubuntu-restricted-addons
HarlemSquirrel

동일은 14.04 마찬가지입니다
라엘 Gugelmin 쿠냐

1
16.04에서도 일했습니다!
Rael Gugelmin Cunha

16.04에서도 작동합니다. 32 비트 Firefox (비정상)를 설치 한 경우 gstreamer 라이브러리의 i386 버전도 설치해야합니다 (32 비트 Firefox는 64 비트 라이브러리를 사용할 수 없음). sudo apt-get install libavformat-ffmpeg56:i386 libavfilter-ffmpeg5:i386 gstreamer1.0-libav:i386
Nate Lampton

플래시를 설치하지 않고 얻는 방법?
Gringo Suave

14

14.04의 경우

위의 솔루션은 더 이상 Trusty Tahr 14.04에서 작동하지 않습니다. 그 이유는 gstreamer0.10-ffmpeg 패키지가 gstreamer1.0-libav로 대체되었지만 Firefox는 gstreamer 1.0을 버전 30으로 만 지원할 계획입니다.

그 동안 적절한 아키텍처를 위해 saucy에서 gstreamer0.10-ffmpeg를 설치할 수 있습니다.


4
링크는 이제 404
Delapouite로

Geoffrey : "Firefox가 버전 30에서만 gstreamer 1.0을 지원할 계획"이라는 주장을 뒷받침 할 소스를 추가 할 수 있습니까? 의심의 여지가 없지만 권위있는 출처를 지적하면이 문제를 이해하려는 사람들에게 도움이 될 것입니다.
Stefan Lasiewski

@Delapouite 안녕하세요,이 ppa : launchpad.net/~jon-severinsson/+archive/ffmpeg 를 사용하여 14.04 용 ffmpeg를 다운로드하십시오
Akronix

2
Firefox 30은 현재 화제로 제안되어 있으며 .h264 thru gstreamer1.0-libav패키지를 지원 합니다. 현재 14.04에서 utopic 제안 패키지를 문제없이 사용하지만 어느 시점에서 14.04에 표시되어야합니다. 0.10-는 FFmpeg 플러그인 아직 GST-1.0를 포팅하지 않은 애플리케이션을위한 PPA에 남아
더그

1
Firefox> 35는 우분투 14.04에서 추가 ppa없이 h264와 작동합니다. 비디오 설치 gstreamer1.0-libav 오디오 설치 gstreamer1.0-fluendo-mp3
Mariuz

9

Firefox 33 이상

Mozilla 는 Firefox 33 에서 플러그인으로 OpenH264에 대한 지원을 추가했습니다 . 이 플러그인을 활성화하기 위해 Firefox는 프로그램을 처음 시작할 때 OpenH264 웹 사이트 에서 자동으로 바이너리를 다운로드합니다 .

그건 소리 좋은, 그렇지 않습니다? 잠깐만 ... 그건 말장난했다.

이것은 매우 편리한 솔루션이지만 프로세스와 라이센스 계약의 투명성에 관계없이 소프트웨어가 Cisco Systems 또는 다른 회사와 관련된 사이트에서 바이너리를 자동으로 다운로드 할 때 개인 정보 보호 및 보안 문제를 제기해야합니다.

직접 관련이 없지만 Firefox가 닫힐 때 쿠키를 자동으로 삭제하고 지속적인 HTML5 재생을 위해 올바른 쿠키를 찾을 수 없다면 YouTube ALL HTML5 를 설치하는 것이 좋습니다 .

14.04.2 및 15.04 VM 테스트

내 생각에는 H.264 디코더 바이너리를 설치하는 것만으로는 충분하지 않으므로 2 개의 새로운 가상 머신을 설정했습니다.

  • 설치 중 제한된 애드온이 설치된 Ubuntu 14.04.2
  • 설치 중 제한된 애드온이 설치 되지 않은 Ubuntu 15.04

두 VM의 설치가 완료된 후 시스템을 부팅하고 다시 업데이트하고 VM 게스트 추가를 설치하고 Firefox를 처음 시작한 후 실제 테스트를 위해 재부팅했습니다.

YouTube는 오픈 소스 WebM 형식 도 제공하고 테스트 방법에 대해 자세히 설명하고 싶지 않기 때문에 독점적 인 H.264 재생 지원을 테스트하기 위해 다른 HTML5 지원 사이트를 사용해야했습니다. Vimeo를 선택했습니다. 기본적으로 HTML5 를 사용한다고 말하고 WebM을 지원 하지 않는 것 같습니다 .

패키지에서 패키지를 설치하거나 Firefox에서 무언가를 활성화 / 비활성화하는 등 테스트에서 약간의 변경을 할 때마다 Firefox를 닫고 다시 시작했습니다.

제한된 애드온이있는 14.04.2

여기에 이미지 설명을 입력하십시오

이 스크린 샷에서 볼 수 있듯이 Firefox에서는 OpenH264 플러그인 만 활성화되어 있으며, 다른 버전의 모든 필요한 GStreamer 패키지가 사전 설치되어 있으며 비디오가 예상대로 재생됩니다.

제한된 애드온이없는 15.04

여기에 이미지 설명을 입력하십시오

이 스크린 샷에서 볼 수 있듯이 OpenH264 플러그인이 활성화되어 있고 Flash 플러그인이 없으며 다른 버전의 일부 GStreamer 패키지가 사전 설치되어 있지만 비디오는 재생되지 않습니다! 대신 사이트에서 즉시 비디오를 재생할 수 없다고 알려줍니다. 왜 그런가요?

여기에 이미지 설명을 입력하십시오

  • AAC가 없습니다! – 설명을 간단하게하기 위해 서버에 파일이 브라우저에 제공됩니다. Firefox의 상황에 맞는 메뉴에서 관리자를 사용하여 찾으면 AAC 인코딩 오디오가 포함 된 MP4를 찾을 수 있습니다. 오류 메시지는 더 명확 할 수 있지만 현재 AAC 용 디코더가 설치되어 있지 않기 때문에 의미가 있습니다.
  • 업데이트 : Firefox 41 에서이 문제를 다시 살펴보면 OpenH264가 about : config에서 다음과 같이 비활성화 된 것으로 나타났습니다.

    media.fragmented-mp4.exposed;false
    media.fragmented-mp4.gmp.enabled;false
    

    이들을 true설정해도 효과가 없습니다. 내가 시도한 추가 설정 :

    • media.audio_data.enabled;true 효과가 없습니다.
    • media.mediasource.enabled;true Vimeo는 이전에 MSE를 사용하지 않았으므로 이러한 설정 및 관련 설정을 활성화해도 아무런 효과가 없었습니다.
    • media.fragmented-mp4.use-blank-decoder;true 결과 : 녹색 캔버스와 일정한 사인파 오디오 신호.

15.04 제한된 애드온

현명한 접근 방식은 install gstreamer1.0-plugins-bad-faad이었지만 Vimeo의 특정 오류 메시지가 진행되지는 않으므로 모든 제한된 애드온을 설치합시다.

여기에 이미지 설명을 입력하십시오

예상대로, 나중에 제한된 애드온 패키지를 설치하면 모든 것이 작동 하지만 enabledHTML5 비디오를 사용 하도록 Flash 플러그인을 Firefox 이외의 것으로 설정하려고 할 수 있습니다 .

분석하거나 그냥 깨 뜨리십시오.

여기에 이미지 설명을 입력하십시오

분명히 gstreamer1.0-libav오류 메시지를 다시 얻기 위해 제거해야하는 유일한 패키지입니다. libav의 AAC 디코더를 사용하고 있었습니까? 나는 그 증거를 찾기 위해 더 깊이 파고 들지 않았으며 (예를 들어 OpenH264가 현재 Linux에서 사용되는 경우) 또는 Vimeo가 H에도 불구하고 충족되지 않는 다른 종속성으로 인해이 오류 메시지를 던지는 경우를 찾지 못했습니다 .264 및 AAC 디코더 설치 중

요약 및 전망

요약하면, 현재 주류 콘텐츠의 재생에는 H.264 디코더뿐만 아니라 AAC 디코더도 필요하며 H.265는 이미 이전 콘텐츠를 대체 할 준비를하고 있습니다. 또한 H.264 가 포함 된 MP4 의 해당 사양 이 가까운 장래에 더 오픈 소스 친화적 인 오디오 코덱을 권장하도록 변경 되지 않을 것입니다.

진심으로 WebM을 강요하십시오! VP.8 Vorbis는 H.264 / AVC 컨텐더로, VP9 + Opus는 H.265 / HEVC 컨텐더로 제공합니다.


15.04에 실제로 html5 YouTube 플레이어가 작동합니까? 나에게는 비디오가 재생되지만 소리가 들리지 않습니다. 언급 된 모든 패키지가 설치되어 있습니다. FF 38 사용.
naught101

매우 흥미로운. 오디오 코덱을 설치하는 것이 about : support에서 H264 디코딩 가능한 값에 영향을 미치는지 여부를 알려주시겠습니까?
Martin Hansen

2

OpenH264는 아직 비디오 스트리밍에 자주 사용되는 하이 프로파일 형식을 지원하지 않기 때문에 Firefox는 현재 WebRTC에만 OpenH264를 사용하고 비디오 태그에는 사용하지 않습니다.

출처 : http://andreasgal.com/2014/10/14/openh264-now-in-firefox/

gstreamer1.0-libav Linux 용 Firefox에서 H264 HTML5 비디오 태그에 대한 지원을 추가 할 수있는 유일한 옵션 일 것입니다.


Ubuntu 18.04 LTS의 Firefox에는 충분합니다.
kubanczyk

0

Firefox30에서는 gstreamer 1.0 을 설치해야합니다 . 당신은 또한 대부분의 플러그인을 설치해야합니다 : 나쁜, 못생긴, ...

패키지 이름으로 혼동을하지 마세요, 당신은 설치해야합니다 gstreamer1을 하지 gstreamer를합니다 ( 한 / 일 수는 패키지가 아닌 "버전"의 일환이다). 모든 플러그인에 동일한 규칙이 적용됩니다. "gstreamer1-plugins -..."

브라우저 html5 기능 및 코덱 지원을 테스트하기위한보다 완벽한 URL은 다음과 같습니다. http://html5test.com/

당사 사이트를 사용함과 동시에 당사의 쿠키 정책개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.