> 웹 프론트엔드 > HTML 튜토리얼 > 일반적인 HTML 웹 플레이어 코드

일반적인 HTML 웹 플레이어 코드

PHPz
풀어 주다: 2017-04-02 09:52:17
원래의
8434명이 탐색했습니다.

웹 페이지에 표시되는 플레이어는 WMP/RealPlayer/Flash Player에 지나지 않습니다. 다른 플레이어는 단지 다른 패널이거나 다른 컨트롤을 추가한 것일 뿐입니다. 일부 플레이어는 설치되어 있습니다. 에는 인코딩과 디코딩도 통합되어 있으며 핵심 인코딩 및 디코딩 기술은 동일합니다. 예: 인터넷에서 가장 인기 있는 Windows 미디어 스트림(asf, wma, wmv 형식), 실제 스트림(rm, rmvb 형식) 및 MPEG 시리즈 인코딩 형식(MP4, MP3 형식).

1. 멀티미디어 파일을 재생하려면 Embed 태그를 사용하세요.


형식을 지정하세요. 파일 이름은 모든 멀티미디어 파일 형식일 수 있습니다. 예를 들어, "test.wma"는 웹 페이지에 Windows Media Player를 표시합니다(wma는 WMP 전용이기 때문입니다). 또 다른 예는 "test.rm"입니다. 웹 페이지의 플레이어 플레이어. 물론 이를 표시하려면 컴퓨터에 RealPlayer가 설치되어 있어야 합니다.
실제로 embed 태그는 Flash 애니메이션을 표시할 수도 있습니다(이 경우 embed 태그의 역할은 object 태그를 사용하여 Flash 애니메이션을 표시하는 역할과 유사합니다). 예: < embed src="a.swf">
간단히 embed 태그의 역할을 요약하면 웹페이지에서 지정된 멀티미디어 파일을 재생하는 것입니다.


2. Windows Media Player를 호출하여 재생


wmv, asf 및 기타 형식의 파일을 재생하는 데 사용할 수 있음

<object classid="CLSID:22d6f312-b0f6-11d0-94ab-0080c74c7e95" codebase="http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=6,4,5,715" type="application/x-oleobject" height="200" width="300">  
<param name="filename" value="test.wmv" />  
<param name="autostart" value="false" />  
<param name="showstatusbar" value="true" />  
<param name="showtracker" value="true" />  
<param name="showcontrols" value="true" />  
<embed filename="test.wmv" autostart="false" pluginspage="http://www.microsoft.com/windows/windowsmedia/" showcontrols="true" showstatusbar="true" showtracker="true" src="test.wmv" type="application/x-mplayer2" height="200" width="300"></embed>  
</object>
로그인 후 복사

Windows Media Player 7 및 상위 버전의 클래스 ID는 다음과 같습니다. clsid:6BF52A52-394A-11D3-B153-00C04F79FAA6
위 예의 클래스 ID는 이전 버전이지만 이전 버전과의 호환성으로 인해 계속 작동할 수 있습니다. 하지만 기존 클래스 ID를 사용하면 컴포넌트에 추가된 새로운 기능을 사용할 수 없습니다.
다음은 새 버전의 예시입니다

<object classid="CLSID:6BF52A52-394A-11D3-B153-00C04F79FAA6" type="application/x-oleobject" height="200" width="300">   
<param name="url" value="test.wmv" />   
<param name="autostart" value="false" />   
<param name="showstatusbar" value="true" />   
<param name="showtracker" value="true" />   
<param name="showcontrols" value="true" />   
<param name="uimode" value="full"/>   
<embed filename="test.wmv" autostart="false" showcontrols="true" showstatusbar="true" showtracker="true" uimode="full" src="test.wmv" type="application/x-mplayer2" height="200" width="300"></embed>   
</object>
로그인 후 복사

3. Real Player를 호출하여 재생


rm, ram 및 기타 형식의 파일을 재생하는 데 사용할 수 있습니다

재생 상자:

<object classid=clsid:CFCDAA03-8BE4-11cf-B84B-0020AFBBCCFA height=285 id=RAOCX name=rmplay width=356>  
<param name="SRC" value="影片地址">  
<param name="CONSOLE" value="Clip1">  
<param name="CONTROLS" value="imagewindow">  
<param name="AUTOSTART" value="true">  
<embed src="影片地址" autostart="true" controls="ImageWindow" console="Clip1" pluginspage="http://www.real.com"/’ width="356" height="285">  
</embed>  
</object>
로그인 후 복사

제어 프레임: 재생 프레임을 밀접하게 따를 수 있음

<object classid=clsid:CFCDAA03-8BE4-11cf-B84B-0020AFBBCCFA height=27 id=video1 width=356>   
<param name="_ExtentX" value="7276">   
<param name="_ExtentY" value="1058">   
<param name="AUTOSTART" value="0">   
<param name="SHUFFLE" value="0">   
<param name="PREFETCH" value="0">   
<param name="NOLABELS" value="0">   
<param name="CONTROLS" value="ControlPanel">   
<param name="CONSOLE" value="Clip1">   
<param name="LOOP" value="0">   
<param name="NUMLOOP" value="0">   
<param name="CENTER" value="0">   
<param name="MAINTAINASPECT" value="0">   
<param name="BACKGROUNDCOLOR" value="#ffffff">   
<embed type="audio/x-pn-realaudio-plugin" console="Clip1" controls="ControlPanel" height="27" width="356" autostart="0" _extentx="7276" _extenty="1058" shuffle="0" prefetch="0" nolabels="0" loop="0" numloop="0" center="0" maintainaspect="0" backgroundcolor="#ffffff">   
</embed>   
</object>
로그인 후 복사


위 내용은 일반적인 HTML 웹 플레이어 코드의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
최신 이슈
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿