功能

单音乐播放，循环，无歌词。

WARNING

BUG：因为使用 el-slider 作为进度条，双向绑定会使每秒播放重新渲染进度条，导致只能拖拽进度条（拖拽时关闭双向绑定），无法点击。解决办法：手动定制一个进度条即可

功能示例

展示区

最小示例

<template>
    <Wrapper>
        <HSinglePlayer :width="400" :src="mediaUrl" />
    </Wrapper>
</template>

<script lang="ts" setup>
import Wrapper from '@/components/simple-wrapper.vue'
import HSinglePlayer from '../index.vue'

const mediaUrl = 'https://music.163.com/song/media/outer/url?id=1842025914.mp3'
</script>

API

参数

方法

事件