如何在 Wordpress 中使用 RecordJs

Posted 2023-02-25

【中文标题】如何在 Wordpress 中使用 RecordJs

【英文标题】：How can I use RecordJs in Wordpress

【发布时间】：2015-04-20 04:31:18

【问题描述】：

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

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

GitHub RecorderJs

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

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

【问题讨论】：

标记为离题，因为您要求我们查找库、工具或其他场外资源。

【参考方案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 有另一个疑问，我稍后再问。

谢谢