html audio

Audio 관련을 모아 둔다

Audio Tag

• Web Audio API

Visualizations Audio

API 설명

Visualizations with Web Audio API

Web Audio API 간단 정리하기

순간에 대한 시각화

Making an Audio Waveform Visualizer with Vanilla JavaScript

react-audio-visualization

mozilla AnalyserNode 예제

총 길이에 대한 시각화

wavesurfer-js

• examples

• Simple audio waveform with Wavesurfer.js and React

• 이슈
  • 문제 : The AudioContext was not allowed to start

       wavesurfer.on('ready', function () {
       wavesurfer.play()
       }
    

  • 관련 이슈 : https://github.com/katspaugh/wavesurfer.js/issues/1657
  • 결론 : 사용자 액션으로 play 하면 된다. 이유는 아직 모르겠다

Custom

Building a Custom HTML5 Audio Player With Javascript

TEST

Not implemented: HTMLMediaElement.prototype.pause

issue

window.HTMLMediaElement.prototype.load = () => { /* do nothing */ };
window.HTMLMediaElement.prototype.play = () => { /* do nothing */ };
window.HTMLMediaElement.prototype.pause = () => { /* do nothing */ };
window.HTMLMediaElement.prototype.addTextTrack = () => { /* do nothing */ };