Javascript 如何向这个jQuery mp3播放器添加额外的后退30秒按钮？

我想添加一个按钮，让用户在mp3播放器中收听歌曲时返回30秒，但我不能这么做。我已经玩了好几个小时了，这是我用的。我已经得到了什么

html

---

这个mp3播放器的其他css和js文件在这里。我真的没有任何想法，我真的需要这个功能，谢谢大家的帮助。

您可以设置音频元素的currentTime属性：

// jump 30 seconds back when we click the button    
$('.audioplayer-back30s').click(function(){
    var audio = $('audio');
    var backToSec = audio.currentTime - 30;
    // make sure that we jump to a valid point in time
    audio.currentTime = (backToSec >= 0) ? backToSec : 0;
});

---

我不知道如何显示这个创建的按钮，特别是在img中的外观。

.audioplayer-back30s
{
    width: 2.5em; /* 40 */
    height: 100%;
    text-align: left;
    text-indent: -9999px;
    cursor: pointer;
    z-index: 2;
    top: 0;
    left: 0;
}
    .audioplayer-back30s:hover,
    .audioplayer-back30s:focus
    {
        background-color: #222;
    }


.audioplayer-back30s a
    {
        display: block;
    }

// jump 30 seconds back when we click the button    
$('.audioplayer-back30s').click(function(){
    var audio = $('audio');
    var backToSec = audio.currentTime - 30;
    // make sure that we jump to a valid point in time
    audio.currentTime = (backToSec >= 0) ? backToSec : 0;
});