编写自己的Javascript插件来创建音频播放器

我编写自己的Javascript插件来创建音频播放器。 我在AudioPlayer.js文件中创建了一个：

(function ($) {
                jQuery.fn.myPlayer = function (options) {
                var defaults = {
                    id: "#myPlayer",
                    url: ""
                };

                var settings = $.extend({}, defaults, options);

                return this.each(function () {
                    var AudioPlayer = $("<audio>");
                    AudioPlayer.attr('id', settings.id);
                    AudioPlayer.attr('controls', 'true');
                    AudioPlayer.appendTo(this);
                    var source = $("<source>");
                    source.attr('src', settings.url);
                    source.attr('type', 'audio/mp3');
                    source.appendTo(AudioPlayer);
                });

            }

}(jQuery));

（函数（$）{
jQuery.fn.myPlayer=函数（选项）{
var默认值={
id:“我的玩家”，
网址：“
};
var设置=$.extend（{}，默认值，选项）；
返回此。每个（函数（）{
var AudioPlayer=$（“”）；
AudioPlayer.attr（'id'，settings.id）；
attr（'controls'，'true'）；
音频播放器。附加到（本）；
变量源=$（“”）；
source.attr（'src'，settings.url）；
source.attr（'type'，'audio/mp3'）；
来源：附录（音频播放器）；
});
}
}（jQuery））；

上面的代码在AudioPlayer.js中，并将此引用添加到“HTML”页面，然后 现在我在html页面中访问此文件，如下所示：

        <script>
                $(document).ready(function () {
                    $('.playerDemo').myPlayer({
                        id: "myAudio",
                        url: "https://vzstr.blob.core.windows.net/media/e2d4255c-a03a-45ac-b34a-42bd3101f902/59006.mp3"
                    });
                });

        </script>

$（文档）.ready（函数（）{
$（'.playerDemo'）.myPlayer({
id:“我的音频”，
url:“https://vzstr.blob.core.windows.net/media/e2d4255c-a03a-45ac-b34a-42bd3101f902/59006.mp3"
});
});

使用上述代码，我的播放器将显示在浏览器上， 我有两个按钮，一个用于播放音频，另一个用于暂停音频， 如何使用Javascript插件实现此功能。 我想在Javascript插件中为“PLAY”和“PAUSE”方法编写方法

如何实现此功能？

在AudioPlayer.js文件中编写此代码。
Write this code in AudioPlayer.js file.
(function ($) {

    jQuery.fn.myPlayer = function (options) {
        var defaults = {
            id: "#myPlayer",
            url: ""
        };

        var settings = $.extend({}, defaults, options);

            var AudioPlayer = $("<audio>");
            AudioPlayer.attr('id', settings.id);
            AudioPlayer.attr('controls', 'true');
            AudioPlayer.appendTo(this);
            var source = $("<source>");
            source.attr('src', settings.url);
            source.attr('type', 'audio/mp3');
            source.appendTo(AudioPlayer);

            var AuPlayer = AudioPlayer[0];
            return {
                play: function () {
                    AuPlayer.play();
                },
                pause: function () {
                    AuPlayer.pause();
                }
            }
    }

}(jQuery));

Bellow code in HTML File,
<script>
        var playerDemo;
        $(document).ready(function () {
            playerDemo = $('.playerDemo').myPlayer({
                id: "myAudio",
                url: "https://vzstr.blob.core.windows.net/media/e2d4255c-a03a-45ac-b34a-42bd3101f902/59006.mp3"
            });
        });
        function playAudio() {
        playerDemo.play();
    }
    </script>

（函数（$）{
jQuery.fn.myPlayer=函数（选项）{
var默认值={
id:“我的玩家”，
网址：“
};
var设置=$.extend（{}，默认值，选项）；
var AudioPlayer=$（“”）；
AudioPlayer.attr（'id'，settings.id）；
attr（'controls'，'true'）；
音频播放器。附加到（本）；
变量源=$（“”）；
source.attr（'src'，settings.url）；
source.attr（'type'，'audio/mp3'）；
来源：附录（音频播放器）；
var AuPlayer=AudioPlayer[0]；
返回{
播放：函数（）{
AuPlayer.play（）；
},
暂停：函数（）{
暂停（）；
}
}
}
}（jQuery））；
下面是HTML文件中的代码，
var playerDemo；
$（文档）.ready（函数（）{
playerDemo=$（'.playerDemo'）.myPlayer({
id:“我的音频”，
url:“https://vzstr.blob.core.windows.net/media/e2d4255c-a03a-45ac-b34a-42bd3101f902/59006.mp3"
});
});
函数playAudio（）{
playerDemo.play（）；
}