File API and Audio User Script Sample

fa.user.js

// ==UserScript==
// @name       FileAPIandAudioSample
// @namespace  moonlit-g
// @version    0.1
// @description  File API and Audio Sample
// @match      http://*
// ==/UserScript==
 
jQuery.noConflict();
 
(function ($) {
	$('body').append('<input id="shout" name="shout" type="file"/>');
	// $('body').append('<div id="result"/>');
 
	$('#shout').change( function( eo ) {
		var file = eo.target.files[0];
		if( /audio/.test( file.type ) ) {
			// var html = '' +
			// 		'name: ' + file.name + '<br>' +
			// 		'size: ' + file.size + '<br>' +
			// 		'type: ' + file.type + '<br>';
					
			// $('#result').append( html );
 
			var reader = new FileReader();
			reader.onload = function( ea ) {
				var audio = new Audio( ea.target.result );
				audio.play();
			}
			reader.readAsDataURL( file );
		}
	});
})(jQuery);