HTML 오디오 및 비디오

미디어 파일에 저장된 멀티미디어 요소 (비디오 등), 미디어가 가장 일반적으로 사용되는 방법은 파일 확장자 보는 것입니다 입력을 결정합니다. SWF는, .WMV, .MP3, .MP4 등

미디어 형식

오디오 포맷

.MID / .midi

MIDI (악기의 디지탈 인터페이스) (신디사이저 사운드 카드 등) 전자 음악 장치를위한 형식이다. MIDI 파일 사운드를 포함하지 않는,하지만 디지털 음악 지침 (예 : 사운드 카드 등) 전자 제품을 재생할 수 있습니다 포함되어 있습니다. MIDI 형식은 지침이 포함되어 있기 때문에, 매우 컴팩트 MIDI 파일입니다. 가장 인기있는 웹 브라우저는 MIDI를 지원

.RM / .RAM

리얼 오디오 형식은 인터넷 개발을위한 리얼 미디어에 의해 개발되었다. 형식은 또한 비디오를 지원합니다. 이 형식은 낮은 대역폭 조건에서 오디오 스트림 (온라인 음악, 온라인 음악을) 할 수 있습니다. 때문에 낮은 대역폭 우선 순위, 품질은 종종 낮은

.WAV

웨이브 (파형) 형식은 IBM과 마이크로 소프트에 의해 개발되고있다. Windows를 실행하는 모든 컴퓨터와 (구글 크롬을 제외한) 모든 웹 브라우저가이를 지원

.WMA

WMA 형식 (윈도우 미디어 오디오), 품질은 아이팟을 제외하고, 대부분의 플레이어와 호환, MP3보다 낫다. WMA 파일은 인터넷 라디오 방송국 또는 온라인 음악 매우 실용적 데이터의 연속 스트림으로 전송 될 수

.MP3 / .mpga

MP3 파일은 실제로 파일의 MPEG 오디오 부분입니다. MPEG 형식은 원래 모션 사진 전문가 그룹에 의해 개발. MP3 음악에 대한 가장 인기있는 사운드 포맷 중 하나입니다

비디오 포맷

.AVI

AVI (Audio Video Interleave) 형식은 마이크로 소프트에 의해 개발되었다. Windows를 실행하는 모든 컴퓨터는 AVI 포맷을 지원

.WMV

윈도우 미디어 포맷은 마이크로 소프트에 의해 개발되고있다. 윈도우 미디어는 인터넷에서 매우 일반적이지만, 추가 구성 요소가 설치되어 있지 않은 경우, 당신은 윈도우 미디어 동영상을 재생할 수 없습니다

.MPG / .MPEG

MPEG는 인터넷에서 형식 가장 인기있는 형식입니다 (그림 전문가 그룹 이동). 그것은 모든 가장 인기있는 브라우저가 지원하는 크로스 플랫폼이며,

.MOV

QuickTime 포맷은 애플에 의해 개발되고있다. QuickTime은 인터넷에서 일반적인 형식이지만, 퀵타임 동영상은 성분의 양보다 Windows 컴퓨터에서 재생할 수 없습니다

.RM / .RAM

의 RealVideo 형식은 인터넷 개발을위한 리얼 미디어에 의해 개발되었다. 이 형식은 (온라인 비디오, 인터넷 TV) 비디오는 낮은 대역폭을 통해 스트리밍 할 수 있습니다. 때문에 낮은 대역폭 우선 순위, 품질은 종종 낮은

.SWF / .FLV

플래시 (충격파) 형식으로 매크로 미디어에 의해 개발되었다. 충격파 형식은 재생 추가 구성 요소를 필요

.MP4

MPEG-4 (H.264 비디오 압축)은 인터넷에 대한 새로운 포맷이다. 점점 더 인터넷 공유의 플래시 플레이어와 HTML5 형식으로 더 많은 비디오 게시자를

요소

플러그인 요소

플래시 플러그가 삽입 된 콘텐츠를 정의하는 데 사용

참고 : 인해 플래시 및 기타 브라우저 플러그인에 대한 상대적으로 빈약 한 모바일 엔드 디바이스 지원에, IOS 장치는 지원하지 않습니다, 그것은 사용 플래시하지 않는 것이 좋습니다. 오디오 및 비디오 재생해야하는 경우, 비디오 및 오디오 브라우저 기본 플레이어를 호출하는 데 사용할 수 있습니다

[부동산]

height    设置嵌入内容的高度
width     设置嵌入内容的宽度
src     设置嵌入内容的URL
type     设置嵌入内容的类型    
专门建立的学习Q-q-u-n: 731771211,分享学习方法和需要注意的小细节,不停更新最新的教程和学习技巧
(从零基础开始到前端项目实战教程,学习工具,全栈开发学习路线以及规划)
<embed src="helloworld.swf" width="200" height="200" type="application/x-shockwave-flash"/>

포함 된 개체의 정의

<대체기구 내용>

브라우저가 백업의 내용을 표시 할 수있는 원하는 옵션을 렌더링 할 수없는 경우 개체가 중첩 된 개체 또는 다른 요소가 될 수 있습니다

[부동산]

height    设置嵌入对象的高度
width     设置嵌入对象的宽度
type     设置嵌入对象的类型    
name    设置对象的名称,以便在脚本中使用
data     设置对象的URL
usemap    设置与对象一同使用的客户端图像映射的URL
form     规定对象所属的一个或多个表单(将object作为表单的一部分是为了解决让插件发送数据到服务器的需要)
typemustmatch    检测资源类型和type属性是否相符(data和type同时设置的情况下)

내장 플러그인 매개 변수를 전달하는 데 사용

[부동산]

name    定义参数的名称
value    规定参数的值
type    规定参数的MIME类型
valuetype    规定值的MIME类型(data/ref/object)


<object width="400" height="40" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0">
<param name="SRC" value="bookmark.swf">
  <embed src="bookmark.swf" width="400" height="40"></embed>
</object>

HTML5 요소

HTML5는 개발자가 페이지에 삽입 크로스 브라우저 오디오 및 비디오 콘텐츠를 할 수있는 플러그인에 의존하지 않아도 그래서, 두 개의 미디어 관련 라벨을 추가, 두 개의 레이블입니다 <audio><video>브라우저에서 지원되지 IE8-

이 태그는 두 가지 유형이 지원

동영상 [1] 비디오 / OGG [2] 비디오 / MP4 [3] 비디오 / WEBM

소리 频 [1] audio / ogg [2] audio / mpeg

HTML 오디오

HTML에 오디오를 재생하는 방법이 많이되어 있습니다

【1】<embed>

<embed  height="80" width="300" src="song.mp3" />

【2】<object>

<object height="80" width="300" data="song.mp3"></object>

【삼】<audio>

<audio controls="controls">
<source src="song.mp3" type="audio/mp3" />
</audio>

【4】<a>

<a href="song.mp3">Play the sound</a>

[5] 나은 해결책

<audio controls="controls" height="100" width="100">
    <source src="song.mp3" type="audio/mp3" />
    <embed height="100" width="100" src="song.mp3" />
</audio>

HTML 비디오

HTML에서 비디오를 재생하는 방법도 좋은 다양한 있습니다

【1】<embed>

<embed  height="240" width="320" src="movie.mp4" />

【2】<object>

<object height="240" width="320" data="movie.mp4"></object>

【삼】<video>

<video controls="controls">
  <source src="movie.mp4" type="video/mp4" />
</video>

【4】<a>

<a href="movie.mp4">Play the video</a>

[5] 나은 해결책

专门建立的学习Q-q-u-n: 731771211,分享学习方法和需要注意的小细节,不停更新最新的教程和学习技巧
(从零基础开始到前端项目实战教程,学习工具,全栈开发学习路线以及规划)
<video width="320" height="240" controls="controls">
  <source src="movie.mp4" type="video/mp4" />
  <object data="movie.mp4" width="320" height="240">
    <embed src="movie.mp4" width="320" height="240" />
  </object>
</video>

发布了247 篇原创文章 · 获赞 9 · 访问量 7969

추천

출처blog.csdn.net/weixin_45761317/article/details/103964701