제수기 - 제발 수업내용을 기억해라- src : 파일주소 - controls : 재생/일시정지/볼륨조절, 시각화 가능 - autoplay : 자동재생 - loop : 반복재생 - muted : 음소거
오디오
src에 음원 파일을 넣었어도controls가 없으면 재생박스가 안 나타난다.
controls: 재생/일시정지/볼륨조절, 시각화 가능controls="controls"와 같이 속성명, 속성값이 같은 경우 속성명만 작성해도 잘 작동한다.
controls autoplay muted loop
: 들어가자마자 자동재생되지만 음소거 돼있고 끝나면 반복재생
- 소스를 아래로 빼서 만드는 방법도 있다.
비디오
controls없으면 재생바가 안 나온다.
- 크기 조절도 되고, 재생 전 이미지를 바꿀 수도 있다.
- 소스를 아래로 빼서 다른 device를 넣어서 실행시킬 수도 있다.
소스를 아래로 빼서 적는 이유는?
웹서버, 미디어서버를 분리해서 클라이언트가 요청한 걸 주는 방식으로 서비스가 이뤄지는 경우가 많다.
그래서 유튜브 등 음원제공 서버에서 임베드해서 가져다가 쓰는 게 제일 간편하다.
