자바스크립트(Javascript) 멀티미디어 이용하기 |
환경 : Internet Explorer 11 |
멀티미디어는 외부 객체입니다. 이것을 사용한 방법에 대해서 알아보도록 하겠습니다.
▼ navigator 오브젝트를 사용하여 현재 브라우저에 설치 되어있는 플러그인들을 알아보겠습니다. 이런 플러그인들이 설치 되어있어야 그에 관련된 파일들을 실행할수 있습니다. 예를 들어 Shockwave Flash 가 설치 되어 있어야 플레쉬가 실행이 되는 원리겠죠. 스크립트를 실행해보면 현재 브라우저에 설치된 플러그인 리스트를 볼수가 있습니다. Shockwave Flash, Silverlight Plug-In 두개가 설치 되어 있네요.
<html> <head> <title>List of Plug-Ins</title> </head> <body> <table border="1"> <tr><th>플러그인명</th><th>파일명</th><th>간략설명</th></tr> <script LANGUAGE="JavaScript" type="text/javascript"> for (i=0; i<navigator.plugins.length; i++) { document.write("<tr><td>"); document.write(navigator.plugins[i].name); document.write("</td><td>"); document.write(navigator.plugins[i].filename); document.write("</td><td>"); document.write(navigator.plugins[i].description); document.write("</td></tr>"); } </script> </table> </body> </html> |
▼ 다음은 거의 모든 브라우저에서 플러그인을 실행할수 있는 샘플 예제 입니다. 플러그인으로 설치 되어있는 플레쉬 파일을 실행한 것입니다. 실행을 위해 <embed> 태그를 이용했습니다. 플러그인에서 지원해주는 함수 play(), stopPlay(), reWind() 를 각각 실행해 시작, 중지, 재시작을 할 수 있습니다.
<html> <head> <title>Using Embeded Object</title> <script type="text/javascript"> <!-- function play() { if (!document.demo.IsPlaying()){ document.demo.Play(); } } function stop() { if (document.demo.IsPlaying()){ document.demo.StopPlay(); } } function rewind() { if (document.demo.IsPlaying()){ document.demo.StopPlay(); } document.demo.Rewind(); } //--> </script> </head> <body> <embed id="demo" name="demo" src="animation.swf" width="318" height="100" play="false" loop="false" pluginspage="http://www.macromedia.com/go/getflashplayer" swliveconnect="true"> </embed> <form name="form" id="form" action="#" method="get"> <input type="button" value="시작" onclick="play();" /> <input type="button" value="중지" onclick="stop();" /> <input type="button" value="재시작" onclick="rewind();" /> </form> </body> </html> |
▼ 적당한 플레쉬 파일이 없어서 조금 이상하네요. 하지만 기능에는 이상이 없습니다.
'웹 프로그래밍 > 자바스크립트' 카테고리의 다른 글
자바스크립트(javascript) 이벤트(Event) 란 무엇이며 사용 방법은 (0) | 2016.10.30 |
---|---|
자바스크립트(Javascript) 쿠키(Cookies) 란 무엇인가 (3) | 2016.10.26 |
자바스크립트(Javascript) 문자열 자르기 위한 함수 substring() (0) | 2015.01.06 |
자바스크립트(Javascript) 문자열 자르기 위한 함수 Split (0) | 2015.01.02 |
자바스크립트(Javascript) 애니메니션 이용하기 (3) | 2014.11.18 |
자바스크립트(Javascript) 폼(Form) 에 입력된 값의 유효성 체크 (0) | 2014.11.15 |
자바스크립트(Javascript) 에러와 런타임오류 다루기 (0) | 2014.10.19 |
자바스크립트(Javascript) Objects 객체의 사용법 (0) | 2014.10.15 |