본문 바로가기
jQuery, CSS, HTML

[jQuery + HTML + CSS] 오디오 플레이어 만들기 - 0.

by 사용자 집탱구리 2020. 7. 27.

 

1. HTML로 오디오 태그 만들기

2. 음원 파일 업로드

    : input file로 파일 선택 - 확장자 필터링

    : form 전송으로 파일 업로드

    : 업로드 후 오디오 태그 삽입하여 재생

3. Youtube API로 동영상 적용하기

    : 유튜브 URL 입력 - 공유 URL 또는 주소창 URL

    : URL에서 영상 ID 추출 - 정규식

    : API사용하여 iframe적용하여 재생

4. 공통 적용 사항 

    : 제목 출력

    : 음악 재생시 재생시간 초기화 (재생초, 종료시간)

    : 음악 재생시 소리 70으로 초기화

    : 볼륨조절 (음소거)

    : 재생, 일시정지

댓글0