最基本的情况是,您的页面需要有一个隐藏的<audio>
元素和一些javascript来触发播放。
您只需将每篇文章的音频文件的URL添加到自定义字段,然后调用get_post_meta()
将其绑定到播放器。然后在前端,您可以将单击处理程序绑定到播放预定义音频元素的按钮。
自定义字段(在本例中命名为audioURL)
http://absolute.url/to/audio/file.mp3
在模板文件中
<audio id="audioPlayer" src="<?php get_post_meta(get_the_ID(), \'audioURL\', true); ?>" preload="auto">
JavaScript
// Vanilla JS
document.getElementById(\'yourButtonID\').onclick = function() {
document.getElementById(\'audioPlayer\').play();
}
// Or if you\'re using jQuery
$(\'#yourButtonID\').on(\'click\', function() {
$(\'#audioPlayer\')[0].play();
})
希望这有帮助!