![Recorder]( "Recorder")
本文介绍了在浏览器中录制音频并使用ASP.NET MVC上传的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！ 问题描述 大家好 i想要录制音频文件，需要使用MVC5上传 请给我灵魂关系... 我尝试过： Hi all i want to record audio file and need to upload by using MVC5please give me soultions regarding this..What I have tried:<!DOCTYPE html><html><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>Live input record and playback</title> <style type='text/css'> ul { list-style: none; } #recordingslist audio { display: block; margin-bottom: 10px; } </style></head><body> @*<h1>Recorder.js simple WAV export example</h1> <p>Make sure you are using a recent version of Google Chrome.</p> <p>Also before you enable microphone input either plug in headphones or turn the volume down if you want to avoid ear splitting feedback!</p>*@ <button onclick="startRecording(this);">record</button> <button onclick="stopRecording(this);" disabled>stop</button> <h2>Recordings</h2> <ul id="recordingslist"></ul> <h2>Log</h2> <pre id="log"> function __log（e，数据）{ log.innerHTML + =\ n+ e ++（数据||''）; } var audio_context; var recorder; function startUserMedia（stream）{ var input = audio_context.createMediaStreamSource（stream）; __log（'媒体流已创建。'）; //如果您希望音频直接反馈，请取消注释 //input.connect(audio_context .destination）; // __ log（'输入连接到音频上下文目的地。'）; recorder = new Recorder（输入） ; __log（'记录器已初始化。'）; } 函数startRecording（按钮）{ 记录器&安培;&安培; recorder.record（）; button.disabled = true; button.nextElementSibling.disabled = false; __log（'记录.. 。'）; } 函数stopRecording（按钮）{ 录音机&& recorder.stop（）; button.disabled = true; button.previousElementSibling.disabled = false; __log（'停止录制。 '）; //使用音频数据blob创建WAV下载链接 createDownloadLink（）; recorder.clear（）; } 函数createDownloadLink（）{ recorder&& recorder.exportWAV（function（blob）{ var url = URL.createObjectURL（blob）; var li = document.createElement（'li'）; var au = document.createElement（'audio'）; var hf = document.createElement（'a'）; au.controls = true; au.src = url; hf.href = url; hf.download = new Date（）。toISOString（）+'。wav'; hf.innerHTML = hf.download; li.appendChild（au）; li.appendChild（hf）; recordingslist.appendChild（li）; }）; } window.onload = function init（）{ try { // webkit shim window.AudioContext = window.AudioContext || window.webkitAudioContext; navigator.getUserMedia = navigator.getUserMedia || navigator.webkitGetUserMedia; window.URL = window.URL || window.webkitURL; audio_context = new AudioContext; __log（'Audio context set up。'）; __log（'navigator.getUserMedia'+（navigator.getUserMedia？'available。'：'not present！'））; } catch（e）{ alert（'此浏览器中没有网络音频支持！'）; } navigator.getUserMedia（{audio：true}，startUserMedia ，功能（e）{ __log（'没有现场音频输入：'+ e）; }）; }; function __log(e, data) { log.innerHTML += "\n" + e + " " + (data || ''); } var audio_context; var recorder; function startUserMedia(stream) { var input = audio_context.createMediaStreamSource(stream); __log('Media stream created.'); // Uncomment if you want the audio to feedback directly //input.connect(audio_context.destination); //__log('Input connected to audio context destination.'); recorder = new Recorder(input); __log('Recorder initialised.'); } function startRecording(button) { recorder && recorder.record(); button.disabled = true; button.nextElementSibling.disabled = false; __log('Recording...'); } function stopRecording(button) { recorder && recorder.stop(); button.disabled = true; button.previousElementSibling.disabled = false; __log('Stopped recording.'); // create WAV download link using audio data blob createDownloadLink(); recorder.clear(); } function createDownloadLink() { recorder && recorder.exportWAV(function(blob) { var url = URL.createObjectURL(blob); var li = document.createElement('li'); var au = document.createElement('audio'); var hf = document.createElement('a'); au.controls = true; au.src = url; hf.href = url; hf.download = new Date().toISOString() + '.wav'; hf.innerHTML = hf.download; li.appendChild(au); li.appendChild(hf); recordingslist.appendChild(li); }); } window.onload = function init() { try { // webkit shim window.AudioContext = window.AudioContext || window.webkitAudioContext; navigator.getUserMedia = navigator.getUserMedia || navigator.webkitGetUserMedia; window.URL = window.URL || window.webkitURL; audio_context = new AudioContext; __log('Audio context set up.'); __log('navigator.getUserMedia ' + (navigator.getUserMedia ? 'available.' : 'not present!')); } catch (e) { alert('No web audio support in this browser!'); } navigator.getUserMedia({audio: true}, startUserMedia, function(e) { __log('No live audio input: ' + e); }); };推荐答案 这篇关于在浏览器中录制音频并使用ASP.NET MVC上传的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！ 10-23 16:58