웹페이지에 미디어 추가
컬렉션을 사용해 정리하기
내 환경설정을 기준으로 콘텐츠를 저장하고 분류하세요.
이 섹션에서는 <video>
및 <source>
태그를 사용하여 웹페이지에 미디어 파일을 삽입하는 방법, 청각 장애인을 위한 동영상에 자막을 추가하는 방법, 미디어 프레임워크 사용에 관한 일반적인 개념을 알아봅니다.
또한 미리 로드를 사용하여 재생 시작 속도를 높이는 방법을 알아보고 Kino라는 오프라인 적응형 스트리밍 기능으로 업데이트된 데모 PWA를 빌드한 방법을 설명합니다.
이 섹션에서는 웹페이지에 삽입할 준비가 된 동영상 파일이 있다고 가정합니다. 카메라에서 다운로드한 .mov
파일은 작동하지 않습니다. 이게 전부인 경우 웹용 미디어 파일 준비 를 참고한 다음 이 페이지로 돌아오세요.
이 섹션에서는 다음 주제를 다룹니다.
참고: 접근성 섹션을 건너뛰지 마세요. 접근성 지원의 기술적 측면은 그리 어렵지 않습니다. 또한 많은 곳에서 규제 또는 법적 요구사항입니다.
이 섹션에서는 다룰 내용이 많습니다. 먼저 <video> 및 <source> 태그 를 사용하는 방법을 알아보세요.
달리 명시되지 않는 한 이 페이지의 콘텐츠에는 Creative Commons Attribution 4.0 라이선스 에 따라 라이선스가 부여되며, 코드 샘플에는 Apache 2.0 라이선스 에 따라 라이선스가 부여됩니다. 자세한 내용은 Google Developers 사이트 정책 을 참조하세요. 자바는 Oracle 및/또는 Oracle 계열사의 등록 상표입니다.
최종 업데이트: 2020-06-19(UTC)
[{
"type": "thumb-down",
"id": "missingTheInformationINeed",
"label":"필요한 정보가 없음"
},{
"type": "thumb-down",
"id": "tooComplicatedTooManySteps",
"label":"너무 복잡함/단계 수가 너무 많음"
},{
"type": "thumb-down",
"id": "outOfDate",
"label":"오래됨"
},{
"type": "thumb-down",
"id": "translationIssue",
"label":"번역 문제"
},{
"type": "thumb-down",
"id": "samplesCodeIssue",
"label":"샘플/코드 문제"
},{
"type": "thumb-down",
"id": "otherDown",
"label":"기타"
}]
[{
"type": "thumb-up",
"id": "easyToUnderstand",
"label":"이해하기 쉬움"
},{
"type": "thumb-up",
"id": "solvedMyProblem",
"label":"문제가 해결됨"
},{
"type": "thumb-up",
"id": "otherUp",
"label":"기타"
}]
{"lastModified": "\ucd5c\uc885 \uc5c5\ub370\uc774\ud2b8: 2020-06-19(UTC)"}
[[["이해하기 쉬움","easyToUnderstand","thumb-up"],["문제가 해결됨","solvedMyProblem","thumb-up"],["기타","otherUp","thumb-up"]],[["필요한 정보가 없음","missingTheInformationINeed","thumb-down"],["너무 복잡함/단계 수가 너무 많음","tooComplicatedTooManySteps","thumb-down"],["오래됨","outOfDate","thumb-down"],["번역 문제","translationIssue","thumb-down"],["샘플/코드 문제","samplesCodeIssue","thumb-down"],["기타","otherDown","thumb-down"]],["최종 업데이트: 2020-06-19(UTC)"],[],[]]