Speak 组件示例
更新: 2/4/2025 字数: 0 字 时长: 0 分钟
这个文档展示了如何使用 Speak.vue
组件。
安装
确保你已经在项目中包含了 Speak.vue
组件。
使用方法
在你的父组件中,可以这样使用 Speak
组件:
vue
<template>
<div>
<h1>欢迎使用 Speak 组件</h1>
<Speak src="/path/to/your/audio/file.mp3">点击我播放音频</Speak>
</div>
</template>
<script setup>
import Speak from '../../../../.vitepress/theme/components/Speak.vue';
</script>
说明
src
属性:你必须传递一个有效的音频文件路径。- 组件内部会创建一个音频对象,当你点击文本时,会播放音频。