웹정보구축
이클립스로 HTML에 영상 및 오디오 소스 삽입하기
할10000
2022. 5. 12. 16:35
일전에 유튜브 링크를 html 파일에 걸어서 해당 영상을 재생한 적 있었다. [해당 게시글은 여기로]
그런데 뭔가 마음에 안 든다. 그거 가지고 되겠어? 그건 그냥 바로가기에 불과하지, 진짜 영상을 올렸다고 말할 수 있을까?
그래서 준비했다. 영상 및 오디오 올리기!
이클립스로 행할 수 있다.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title> 비디오 삽입하기 </title>
</head>
<body>
<video controls autoplay width="700" height="500"> // Warriors
<source src="Warriors.mp4"
type="video/mp4; codecs="avc1.4D401E, mp4a40.2""></source>
<source src="Warriors.ogg"
type="video/ogg; codecs="theora, vorbis""></source>
<embed src="Warriors.wav"></embed>
</video>
</body>
</html>마침 들고 있던 USB에 영상 파일이 들어 있어서 쉽게 할 수 있었다.
상기한 코드를 입력하고 나면, 마지막으로 처리해야 할 절차가 있다.
이클립스 안에 영상 파일을 넣어주는 것. 내가 코드를 짠 프로젝트 WEBAPP영역에 파일을 드래그해서 붙여주면 끝난다.
실행된 모습
제이슨 모모아ㅠㅠ
참고로 영상을 브라우저에 올렸다고 이클립스를 꺼버리면 영상도 잘 재생되지 않으니 유의하자.