VUE記録使用

使用

スクリプトの方法

それはdistの下recorder.jsに直接導入することができます

let recorder = new Recorder();

NPMの道

インストール: npm i js-audio-recorder
呼び出し:必要な記録を導入

「はJS-オーディオレコーダー」からインポートレコーダー

)(レコーダー=新しいレコーダーを聞かせて

 

API

// 开始录音

recorder.start();

// 暂停录音

recorder.pause();

// 继续录音

recorder.resume()

// 结束录音

recorder.stop();

// 录音播放

recorder.play();

// 销毁录音实例,释放资源,fn为回调函数,

recorder.destroy(fn);

recorder = null;

下载功能

// 下载pcm文件

recorder.downloadPCM();

// 下载wav文件

recorder.downloadWAV();

// 重命名pcm文件,wav也支持

recorder.downloadPCM('重命名');

获取录音时长

// 回调持续输出时长

recorder.onprocess = function(duration) {

  console.log(duration);

}

// 手动获取录音时长

console.log(recorder.duration);

使用例:

<テンプレート>
  <DIV CLASS = "ホーム">
    <H1の@をクリック= "handleclick()">録画開始</ H1>
    <H1の@をクリック= "handleclickl()"> </ H1>を記録し続けます
    <H1の@をクリック= "handleclicks()">ジ・エンド・レコード</ H1>
    <H1の@をクリック= "handleclickp()">録画</ H1>を再生
  </ div>
</テンプレート>

<スクリプト>
「はJS-オーディオレコーダー」からインポートレコーダー
)(レコーダー=新しいレコーダーを聞かせて
輸出のデフォルト{
  名前:「ホーム」、
  方法:{
    handleclick(){
      console.log(1)
      recorder.start()録音を開始//
    }、
    handleclickl(){
      console.log(2)
      recorder.resume()//記録を継続します
    }、
    handleclickt(){
      console.log(3)
      recorder.stop()//録音を終了
    }、
    handleclickb(){
      console.log(4)
      recorder.play()//録音再生
    }
  }
}
</ SCRIPT>
 

おすすめ

転載: www.cnblogs.com/lljun/p/11535807.html