HTML 5 <video> 태그와 Flash 비디오. 장단점은 무엇입니까? 태그가 모두

중요 업데이트

이 질문은 9 년 전에 만들어졌습니다. 그땐 말이됐지만 지금은 안돼 플래시는 빠져 나가기 어렵습니다. <video>지원은 모바일 장치를 포함하여 어디에나 있습니다. Flash가 할 수있는 거의 모든 것을 HTML에서도 할 수 있습니다. HTML이 이기고 Flash가 패했습니다. 페이지에 동영상을 삽입하는 방법에 대해 숙고하고 있다면<video> 하고 다시 생각하지 마세요. 이 질문은 역사적 가치를 위해서만 보존됩니다.

원래 질문

새로운 것 같아 <video>특히 Firefox가 이제 지원하기 때문에 요즘 태그가 모두 과장된 . 여기 저기 블로그에 이에 대한 소식이 올라오고 있고, 모두가 기뻐하는 것 같습니다. 하지만 어떨까요?

내가 검색 한만큼 나는 좋은 오래된 플래시 비디오보다 더 나은 것을 찾을 수 없었다. 사실, 나는 그것에 대한 문제만을 본다.

  • 모든 브라우저가 지원을 시작하기까지는 아직 시간이 걸리며 대부분의 사람들이 업그레이드하기까지 훨씬 더 많은 시간이 소요됩니다.
  • Flash는 이미 사용 가능하며 모든 사람이 가지고 있습니다.
  • 재생을 제어하기 위해 원하는 멋진 UI와 Flash를 결합 할 수 있습니다. 태그도 (자바 스크립트를 통해) 제어 할 수 있지만 전체 화면으로 이동할 수 있습니까?

<video>내가 볼 수 있는 태그 의 유일한 두 가지 장점 은 다음과 같습니다.

  • 그것은 더 “의미 적”입니다. 그것은 아마도 저를 포함한 많은 사람들에게 중요하지 않을 것입니다.
  • 이것은 하나의 상업용 타사 엔티티 (Adobe)에 의존하지 않습니다. 또한 무료 플레이어와 비디오 변환기를 이미 사용할 수 있고 Adobe가 어떤 식 으로든 전체 프로세스를 방해하지 않기 때문에 전환해야하는 설득력있는 이유라고 생각하지 않습니다. (그들의 이익도 아닙니다).

그래서 … 뭐가 큰일이야?

추가 :

좋습니다. Pro가 하나 더 있습니다. 모바일 장치 지원. 그래도 말하기 어렵습니다. 주제에 대해 내 머릿속에 여러 생각이 떠올랐다.

  • 어쨌든 얼마나 많은 모바일 장치가 플래시 나 그 밖의 적절한 속도로 비디오를 디코딩 할 수 있습니까?
  • 주류 모바일 장치가 <video>지원을 받을 때까지 얼마나 걸리 나요? 업데이트를 통해 사용 가능하더라도 실제로 얼마나 많은 사람들이 그렇게합니까?
  • 얼마나 많은 사람들이 휴대 전화로 웹 페이지의 동영상을 시청합니까?

의미론 부분에 관해서는-검색 엔진이 지금은 비디오를 더 잘 감지 할 수 있다는 것을 이해합니다. 그러나 … 그들은 어쨌든 그것들로 무엇을할까요? 좋아요, 그들은 페이지에 비디오가 있다는 것을 압니다. 과? 그들은 비디오를 인덱싱 할 수 없습니다! 여기에 더 많은 논쟁이 필요합니다.

추가 :

다른 단점을 생각했습니다. 이것은 브라우저 간 비 호환성의 완전히 새로운 영역을 열어줍니다. HTML과 CSS는 이미이 측면에서 상당히 지저분합니다. 플래시는 적어도 모든 곳에서 동일합니다. 그러나 적어도 하나의 주요 브라우저 공급 업체가 <video>태그 에 대해 결정하는 것으로 충분하며 (누구나 “Internet Explorer”라고 말할 수 있습니까?) 탐색 할 멋진 새로운 지옥 영역이 있습니다.

추가 :

Pro가 방금 들어 왔습니다. 더 많은 경쟁 = 더 많은 혁신. 사실입니다. Adobe에 더 많은 경쟁을 주면 지금까지 부족했던 영역에서 Flash를 개선해야 할 것입니다. 많은 사람들이 언급하는 Linux는 약점 인 것 같습니다.



답변

여기에는 많은 좋은 점이 있습니다. 격투기 스타일처럼 각 점에는 추력이 있으며 각 점은 방어 할 수 있습니다. 그러나 각각은 적절한 움직임으로 패배시킬 수 있습니다.

“독점”플러그인에 대한 논쟁에 서있는 사람은 금방 넘어 질 것입니다. 마이크로 소프트, 애플, 어도비는 모두 죄책감을 가지고 있지만 그것은 비즈니스에 불과합니다. 하룻밤 사이에 비즈니스를 변경하지 않을 것이며, 매우 기술적 인 인터페이스를 지원하는 <video>와 같은 새로운 태그에 의해 추가 된 복잡성의 각 계층은 각 브라우저마다 * 약간 * 다른 구현을 초래합니다.

HTML 5는 이제 작동하며 Flash도 작동합니다. 구현 방법 , 필요한 기술-직원의 성과, 웹 마스터의 권한 또는 도메인의 영향 등 각 리소스를 정의합니다.

40 살이었지만 주황색 또는 녹색 단색 모니터가 색상 선택이되었을 때 프로그래밍을 시작했고, 하드웨어 설치에는 사용 설명서 대신 기도서가 함께 제공되었습니다. 하드웨어로 구성되지 않고 64K RAM이 WOWWWWW와 같을 때 모뎀에 대한 AT 명령을 알아낼 수 있습니다!

HTML 5 / Flash는 그 쓰레기에 비해 사소한 성가신 것입니다. 더 나은 리소스를 위해 커뮤니티에서 협력하는 방법을 모두 배워 보겠습니다. 오픈 소스 플래시 프로젝트가 있으며 버그가 있습니다. HTML 5도 …

여기의 모든 주장은 사실이지만 반드시 생산적인 것은 아닙니다. 그 에너지를 해결책으로 사용하십시오.


답변

img태그 가 없다고 상상해보십시오 . 이미지를 원하면 타사 플러그인을 사용해야합니다. 이것은 정말 느리고 페이지에 삽입하는 표준 방법이 없습니다. 이런 식으로 이미지를 쉽게 복사 할 수 없으며 검색 엔진은 기본적으로 이미지 나 게임 또는 그 밖의 것이 무엇인지 전혀 알지 못합니다.

이것이 없으면 이미지를 사용할 수 없습니다.

그런 다음이 멋진 새 기능을 사용할 수있는 브라우저가 출시되었다고 상상해보십시오. img 태그 .

비디오 (및 오디오) 태그는 작업에 논리적으로 합당한 방법입니다. 완전히 표준 미디어 형식을 사용하기 위해 타사 플러그인이 필요하지 않습니다.


답변

<비디오>의 가장 큰 장점은? 그것은 간단합니다. 아주 쉽게. 엄청나게 쉽습니다. 할머니는 비디오 태그를 쉽게 코딩 할 수 있습니다. <video src = “myfile.ogv”> </ video> 완료되었습니다.

<video>는 또한 사용자에게 분명한 이점이 있습니다. 그들은 잠재적으로 매우 효율적일 수있는 브라우저 네이티브 비디오 플레이어를 얻습니다. 사이트마다 변경되지 않는 일관된 UI를 얻습니다. 플래시를 구현하지 않을 수있는 모바일 브라우저는 여전히 <video>를 구현할 수 있습니다.

유일한 단점은 일시적인 것이며 호환성입니다. IE8은 <video>를 지원하지 않으며 IE9가 널리 설치되기까지는 시간이 걸립니다. 또한 Firefox, Chrome 및 Opera는 모두 Ogg Theora와 WebM을 모두 지원하는 반면 Safari와 IE는 H.264를 제공하는 반면 비디오를 지원할 코덱을 놓고 일부 싸움이 있습니다 (적절한 코덱으로 Theora / WebM을 지원할 수 있음). . 지금은 동영상을 두 가지 형식으로 게시하고 소스 요소를 모두 제공해야 함을 의미합니다.


<video>
  <source src='video.webm' type='video/webm'>
  <source src='video.mp4' type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"'>
</video>

IE 8 및 이전 버전 및 기타 하위 클라이언트 (예 : FF / Safari / Opera / etc의 이전 버전)에 대한 지원을 추가하려면 표준 비디오 임베드 코드를 <source> 요소 아래의 <video> 태그 안에 넣으십시오. 브라우저가 <video>를 지원하면 삽입을 무시합니다. 그렇지 않으면 <video>를 무시하고 대신 삽입을 실행합니다.


답변

Windows가 아닌 플랫폼에서는 Flash가 느리고 비효율적입니다. 잠재적 인 보안 결함이 있습니다. 사용자가 모르는 “플래시 쿠키”를 컴퓨터에 저장합니다. iPhone에는 플래시가 없으며 (독점적이며 높은 CPU 소비로 인해) 그럴 것 같지 않습니다.

HTML 5 : Flash와 Silverlight를 죽일 수 있습니까? 귀하의 질문에 답할 수있는 기사입니다.

아마 더 많은 이유가있을 것입니다.


답변

Flash는 Windows가 아닌 플랫폼에서 정말 골칫거리입니다. 다른 사람이 지적했듯이 느리고 비효율적 일뿐만 아니라 매우 안정적이지 않습니다. 우리는 가장 최근의 애플 WWDC, “브라우저 플러그인”에서 배운대로 (읽기 : 플래시)의 대다수를 차지하고 모든 응용 프로그램에 걸쳐 충돌 모든 맥 OS X의 (그리고 “대부분”에 의해, 나는 80 % 같은 일부 불합리하게 높은 숫자를 의미하거나 무언가, 정확한 수치를 기억할 수 없음). 이것은 Mac OS X의 문제입니다. Snow Leopard의 경우 Apple은 Flash가 샌드 박스가 아닌 완전히 별개의 프로세스 로 실행되도록 Safari를 다시 엔지니어링했습니다. 따라서 Flash가 충돌 할 때 Safari는 다음과 같이 작동합니다. 전체는 영향을받지 않습니다.

낮은 성능과 함께 OS X에서 Flash의 불안정성이 왜 …

  • … 플래시가 지금도 아니고 곧 iPhone에서 사용할 수있을 것 같지도 않습니다. 사람들이 모바일 장치에서 비디오를보고 싶지 않다는 전제에 동의하지 않습니다. 이것이 Apple이 YouTube에서 콘텐츠를 iPhone에서 재생할 수 있도록 h.264로 제공 할 수 있도록 특별한 조치를 취한 이유입니다. 나는 내 아이폰에서 비디오를 볼 수 있었기 때문에 MLB 2009에 10 달러를 기꺼이 지불했다. 그리고 그들이 모든 게임을 실시간으로 볼 수 있도록 만들었다면 훨씬 더 많이 지불 할 것이다.
  • … 저와 같은 많은 Mac OS X 사용자가 브라우저 용 Flash 차단기를 설치하고 있습니다. 내 선택에 따라 Flash 콘텐츠는 내 명시적인 허가없이 더 이상 내 브라우저에로드되지 않습니다. 설치 후 CPU 사용량이 상당히 줄어들었고 브라우저 충돌이 기본적으로 사라졌습니다. 물론 이것은 저에게 좋은 소식이지만 저에게 플래시 기반 광고를 제공하려는 광고주에게는 나쁜 소식입니다.

사용자가 코덱에 대해 알아야하는 한, 간단한 비 자바 스크립트 html 코드를 사용하여이 문제를 피하고 적절한 코덱 (브라우저가 OGG 또는 h.264를 지원하지 않는 경우 Flash 포함)을 제공 할 수 있습니다. 이 기사 에서 찾을 수 있습니다.


답변

장점 :

  1. 태그를 쉽게 사용할 수 있으며 javascript를 사용하지 않고 하위 호환성 위해 플래시 또는 기타 파일 유형 / 코덱으로 저하되도록 할 수 있습니다 .
    • 독점 플러그인이 필요하지 않습니다.
    • 플래시가 아닌 동안 플랫폼 독립적입니다 (번호 2 참조).
    • 이를 사용하면 다른 브라우저 공급 업체가이를 구현하도록 장려합니다 (IE로 읽음).
    • 태그에는 의미 론적 의미가 있습니다.
    • 브라우저에 내장되어 있습니다.
    • 공급 업체 고정 없음

단점 :

  1. 미완성 된 표준의 일부입니다.
    • 설치된 브라우저의 매우 적은 비율이 지원합니다 <-문제가 아닙니다 (pro nr. 1 참조).
    • 브라우저 공급 업체는 아직 표준 코덱에 동의 하지 않았습니다. <-문제도 아닙니다. nr의 링크를 참조하십시오. 1)

답변

또한 비디오 태그가 html에 고유 한 장점이 있으므로 잘 통합됩니다. 이것은 문제가되지 않는 것처럼 들리지만 그렇지 않습니다. 예를 들어 일부 HTML 캡션으로 비디오를 오버레이 할 수 있습니다. HTML 캡션은 동일한 페이지의 다른 캡션과 동일한 스타일을 사용할 수 있습니다.

동영상 요소에 몇 가지 (향후) CSS 전환을 적용 할 수도 있습니다 . 이 데모를보세요 .