如何在 Wordpress 中使用 RecordJs

Question

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

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

GitHub RecorderJs

但是我没有实现上面的例子link

可以在 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 有另一个疑问，我稍后再问。

谢谢

如何在 Wordpress 中使用 RecordJs

How can I use RecordJs in Wordpress

javascript

audio

wordpress

audio-recording