获取音频并在Extjs中逐字逐句地发音

我如何实现逐字逐句的翻译

假设我有一个文本字段和一个按钮。我想在文本字段中输入用英语发音的单词

此外，是否可以只从Merriam Webster在线词典中获取音频发音，并在不打开页面的情况下播放

或者，也许是朗文在线发音词典

我注意到字典中单词的路径具有恒定的模式-+单词，如屏幕截图所示

所以，我的问题是：是否可以只提取音频文件（.mp3）并在不打开页面的情况下播放

---

在html中，包括以下内容：

<script src='https://code.responsivevoice.org/responsivevoice.js'></script>

Ext.application({
    name: 'Fiddle',

    launch: function () {
        Ext.application({
            name: 'Fiddle',

            launch: function () {
                Ext.create({
                    xtype: 'panel',
                    renderTo: Ext.getBody(),
                    width: 300,
                    items: [{
                        xtype: 'textfield',
                        name: 'word',
                        fieldLabel: 'Word',
                    }, {
                        xtype: 'button',
                        text: 'Pronounce',
                        listeners: {
                            click: function () {
                                const speechText = this.previousNode().getValue();
                                if(speechText) {
                                    responsiveVoice.speak(speechText);
                                }
                                
                            }
                        }
                    }]
                });
            }
        });
    }
});

---

谢谢你，亚瑟·鲁本斯。我很好奇的声音文件抓取发音。你能考虑一下我的问题的第二部分吗？我已经使用了API，这是我在谷歌搜索中发现的第一个API。列出的API找不到，我想你可以自己轻松完成。老实说，我不知道我自己怎么做。但是，我想我不是指使用任何API，而是简单地从给定的地址获取文件，然后将该文件放在平台上。我更新了我的问题并添加了更多细节。那么，你是想用js播放一些mp3文件，还是想在文本字段中实际地表达文本？首先，我想连接固定字符串（地址）和该文本字段中的内容（如果在文本字段中有两个单词，则应使用“%20”，例如“起床”，我应获得以下地址：）。其次，我想提取该地址网页中包含的mp3文件（如果有）并播放它。

Ext.application({
    name: 'Fiddle',

    launch: function () {
        Ext.application({
            name: 'Fiddle',

            launch: function () {
                Ext.create({
                    xtype: 'panel',
                    renderTo: Ext.getBody(),
                    width: 300,
                    items: [{
                        xtype: 'textfield',
                        name: 'word',
                        fieldLabel: 'Word',
                    }, {
                        xtype: 'button',
                        text: 'Pronounce',
                        listeners: {
                            click: function () {
                                const speechText = this.previousNode().getValue();
                                if(speechText) {
                                    responsiveVoice.speak(speechText);
                                }
                                
                            }
                        }
                    }]
                });
            }
        });
    }
});