移动端纯html5项目怎么实现点击朗读指定内容呀

我现在在电脑浏览器上面实现了这个功能了 但是打包到手机上边点击朗读按钮就没有反应了

$('#read_iframe').unbind('click').click(function(){
    var sound = window.speechSynthesis;
    var text = $('#rightIfram').contents().find('#read_text').text()
    var read_text = new SpeechSynthesisUtterance(text);
    sound.speak(read_text);
    console.log(text)
    $('#read_iframe').hide()
    $('#stop_read').show()
})


<div id="read_text">特殊待遇</div>

有可能是浏览器兼容性问题

img