javascript - 如何在Wordpress中使用RecordJs

Question

我需要使用录音机在wordpress中创建一个页面，录制完该音频后，需要通过邮件发送给我。

知道我可以用recorderjs javascript库录制音频。

GitHub RecorderJs

但是我没有实现上面的示例链接

是否可以在Wordpress中为此使用RecordJs？还有其他办法吗？
你们知道这个录音机有免费的wordpress插件吗？

Answer 1

因此，我找到了使用recorderJs lib制作录音机的方法。
我们只需要使用wp_enqueue_script()和wp_enqueue_style()之类的函数将.js或.css文件添加到我们的wordpress模板或插件中。

根据需要，我创建了一个带有录音机的新wordpress插件。

在我的主要插件php文件中，我仅添加了以下代码

function add_resources() {
   wp_enqueue_style( 'my-css', plugins_url( 'resources/css/audio-recorder-    plugin.css', __FILE__ ), array(), '1.0' );
   wp_enqueue_style( 'bootstrap-css', plugins_url(  'resources/css/bootstrap.min.css', __FILE__ ), array(), '1.0' );

   wp_enqueue_script( 'recorder-js', plugins_url( 'resources/js/recorder.js', __FILE__ ), array(), '1.0', false );
   wp_enqueue_script( 'bootstrap-js', plugins_url( 'resources/js/bootstrap.min.js', __FILE__ ), array(), '1.0', false );
   wp_enqueue_script( 'my-js', plugins_url( 'resources/js/audio-recorder-plugin.js', __FILE__ ), array( 'jquery','jquery-ui-dialog' ), '1.0', false );
}
add_action( 'wp_enqueue_scripts', 'add_resources', 999 );

因此，这解决了我的问题，但是我对Wordpress中的Ajax还有另一个疑问，我稍后再问。

ks