Javascript 我如何打一个区域和；“只有该地区”；在wavesurfer.js上？

我想玩下面代码中指定的区域；不是整个mp3文件。这将是有用的项目，我目前正在工作；我正在建一家电子商务商店。我希望客户只有在购买之前才能流式传输该部分内容

//绘制波形
var wavesurfer=wavesurfer.create({
容器：“#波形”，
条宽：3，
酒吧高度：2，
家长：是的，
hideScrollbar：是的，
回答：是的，
身高：50，
waveColor:“#中交”，
progressColor:“#666666”，
光标颜色：“白色”，
游标宽度：2，
//创建我想玩的区域
插件：[
WaveSurfer.regions.create({
区域：[
{
起点：60，
完:80,，
循环：false，
颜色：“#中交”
}
]
})
]
});
//播放和暂停按钮
wavesurfer.on（'play'，函数（）{
document.getElementById（“播放按钮”）.innerHTML=“暂停”；
});
wavesurfer.on（'pause'，函数（）{
document.getElementById（“播放按钮”）.innerHTML=“播放箭头”；
});
//播放和暂停功能
函数togglePlay（）
{
if（wavesurfer.isPlaying（））
wavesurfer.pause（）；
其他的
海浪冲浪者；
}
//添加音频文件
var myElement=document.getElementById（'my-element'）；
var myVar=myElement.dataset.myVar；
波浪冲浪者负荷（myVar）；
//绘制波形时隐藏预加载程序并显示长度（乐曲的持续时间）
wavesurfer.on（'ready'，函数（）{
document.getElementById（“预加载封面”）.style.display=“无”；
var getDuration=wavesurfer.getDuration（）；
var min=parseInt（getDuration/60）；
var sec=（getDuration%60）.toFixed（0）；
变量持续时间=分钟+“：”+秒；
document.getElementById（“长度”）.innerHTML=持续时间；
});为您所在的地区提供一个id：

plugins: [
    WaveSurfer.regions.create({
        regions: [
            {
                id: "your id",   
                start: 60,
                end: 80,
                loop: false,
                color: '#cccccc'
            }
        ]
    })
]

然后在这个区域调用play方法：

wavesurfer.regions.list["your id"].play()

这将从该地区的开始到该地区的“结束”。
有关更多文档，请参阅：
为您所在的地区提供一个id：

plugins: [
    WaveSurfer.regions.create({
        regions: [
            {
                id: "your id",   
                start: 60,
                end: 80,
                loop: false,
                color: '#cccccc'
            }
        ]
    })
]

然后在这个区域调用play方法：

wavesurfer.regions.list["your id"].play()

这将从该地区的开始到该地区的“结束”。
有关更多文档，请参阅：
非常感谢。有可能只在画布上画那个区域吗？当然有is@YoyoBu怎么办？非常感谢。有可能只在画布上画那个区域吗？当然有is@YoyoBu请问怎么办？