U E D R , A S I H C RSS

html5/video&audio


1. Video & Audio

  • ™ธ€ ํ”ŒŸฌทธธ ํ•„š”—†ด ™˜ƒ, ˜ค””˜ค žฌƒ€Šฅ
  • HTML5 €›ํ•˜Š” ธŒšฐ €—„œ ‚ฌšฉํ•  ˆ˜ žˆ‹ค.

2. ‚ฌšฉ ฐฉฒ•


  • <video src = "http://example.com/video1.mov"></video>
    <audio src = "http://example.com/audio1.wav"></audio>
    

  • HTML•ˆ— ํƒœทธ ‚ฝž…งŒ ํ•˜ฉด œ‹ค.
  • loop, controls, autoplay “„ ํ†ตํ•ด žฌƒ †„„ „ •ํ•  ˆ˜ žˆ‹ค.

3. Video ณ œ  ํŠ„

  • width ™€ height กœ žฌƒ ˜—ญ„ € •ํ•  ˆ˜ žˆ‹ค.
  • poster กœ ™˜ƒ„ žฌƒํ•  ˆ˜ žˆ„•ŒŒ€ ํ‘œ‹œํ•  ด€ URL„ € •ํ•  ˆ˜ žˆ‹ค.

4. source š”†Œ

  • source š”†Œ— †„“ค„ € •ํ•˜—ฌ ””–ด ฐดํ„˜ ถœ ฅ„ ›ํ™œํ•˜ฒŒ ํ•œ‹ค.
  • type †„ € •„ ํ†ตํ•ด žฌƒํ•  ˆ˜ žˆŠ” ””–ด ฐดํ„ธ€ ‹คšดกœ“œํ•˜€ •Šณ „ ํŒ‹จํ•œ‹ค.

5. JavaScriptกœ video/audio š”†Œ  œ–ด

  • ‹จˆœ žฌƒฟงŒ•„‹ˆ JavaScript ดšฉํ•˜—ฌ  •€  œ–ด
    • žฌƒ, ‹œ  •€, žฌƒ †„ €ฒฝ, žฌƒ œ„˜ €ฒฝ “
  • JavaScript API
    • src - src †„ฐ’ Œ€‘
    • currentSrc - ‹ค œกœ ฝ–ด“ค—ฌ žฌƒ ค‘ธ ””–ด ฐดํ„˜ URL
    • currentTime - ํ˜„žฌ žฌƒ œ„˜
    • startTime - žฌƒํ•  œ„˜
    • duration - ””–ด ฐดํ„˜ ธธด
    • playbackRate - žฌƒ †„(ธฐณธฐ’ 1.0)
    • volume - ŒŸ‰ ํ‘œ‹œ (0.0~1.0)
    • load() - ™˜ƒ„ ‹ค‹œ ฝŒ
    • play() - ™˜ƒ žฌƒ
    • pause() - ™˜ƒ ‹œ •€

6. ดฒคํŠธ ฒ˜ฆฌ

  • ””–ด ฐดํ„ ฝ‚˜ žฌƒํ• •Œ ฐœƒํ•˜Š” ดฒคํŠธ JavaScriptกœ ฒ˜ฆฌ
  • ‚ฌšฉž ค‘‹ฌ˜ ํŽธฆฌํ•œ ””–ด ํ”Œ ˆด–ด งŒ“คˆ˜ žˆ‹ค.

7. ””–ด š”†Œ™€ API


Valid XHTML 1.0! Valid CSS! powered by MoniWiki
last modified 2021-02-07 05:31:41
Processing time 0.0187 sec