JSFiddle - React, Tailwind, and code Playground

Seismic HTML5 audio from the IRIS API

by nathansnider

HTML

<script src="https://rawgit.com/kolber/audiojs/master/audiojs/audio.min.js"></script>
<audio id="seismoplay" controls="controls">
    <source src="" type="audio/x-wav" preload="auto" />
</audio>

JavaScript

//HTML5 audio widget test

var wav = document.getElementById('seismoplay');

wav.src="http://service.iris.edu/irisws/timeseries/1/query?net=IU&sta=ANMO&loc=10&cha=BHZ&starttime=2015-11-24T22:50:00&endtime=2015-11-25T00:50:00&output=audio&audiosamplerate=44100";

var xhr = new XMLHttpRequest();

xhr.addEventListener('load', function(blob) {
    if (xhr.status == 200) {
        wav.play();        
    }
});

xhr.open('GET', wav.src);
xhr.responseType = 'blob';
xhr.send(null);