ブラウザでamr形式のオーディオファイルを再生する方法
良心的なアドバイス:ウェブページはamr形式のオーディオファイルを再生することをサポートしていません.条件のある学生はバックグラウンドでffmpegトランスコードを使用した後、フロントエンドでaudioラベルを使用して再生することができます(MP 3またはwav).
本編は2つの部分に分けて、ローカルのamrファイルとオンラインのamrファイルを再生して、コードを見ながら説明して、原理はすべてamrファイルをbase 64文字列に変換した後に直接この文字列のローカルのamrファイル(pc):htmlコードを再生します
jsコード
:amrファイルを してトランスコード(base 64)し、base 64 を する
オンラインのamrファイルを する: はすべてamrファイルをbase 64 に した に この の のコードを することです(jsのみ)
本編は2つの部分に分けて、ローカルのamrファイルとオンラインのamrファイルを再生して、コードを見ながら説明して、原理はすべてamrファイルをbase 64文字列に変換した後に直接この文字列のローカルのamrファイル(pc):htmlコードを再生します
jsコード
//
audiojs.events.ready(function () {
var as = audiojs.createAll();
});
RongIMLib.RongIMVoice.init();
function selectFile(file) {
var reader = new FileReader() // amr
reader.readAsDataURL(file.files[0]) // amr
reader.onload = function (f) {
var base64Str = f.target.result.split(',')[1] // base64 ,
RongIMLib.RongIMVoice.play(base64Str); // base64
}
}
:amrファイルを してトランスコード(base 64)し、base 64 を する
オンラインのamrファイルを する: はすべてamrファイルをbase 64 に した に この の のコードを することです(jsのみ)
//
audiojs.events.ready(function () {
var as = audiojs.createAll();
});
RongIMLib.RongIMVoice.init();
function get_voices() {
$.ajax({
url: 'url', // , amr base64
dataType: 'text', // : base64 , ‘text’
success: function (res) {
RongIMLib.RongIMVoice.play(res) // , base64
},
error: function (res) {
console.log(res)
}
})
}
}