Vue中播放音频和语音合成

利用audio标签播放音频

1,把音频文件notify.mp3放到public目录, mp3 wav ogg 都放上兼不同的浏览器
2,添加如下标签

<audio controls ref="notify"><source src="notify.wav" /><source src="notify.mp3" />
</audio>

3,在方法里面调用播放

playAlarm() {this.$refs.notify.play()// 另外一种方式: 效果不好// let audio = new Audio()// audio.src = 'notify.mp3'// audio.play()
},

语音合成

不需要网络,离线JavaScript语音合成

<!doctype html>
<html lang="zh">
<body>
<button onclick="speak();">语音合成</button>
<script>
function speak() {var utterThis = new window.SpeechSynthesisUtterance()utterThis.lang = "zh-CN";utterThis.text = "这是一段测试用的语音";window.speechSynthesis.speak(utterThis)
}
speak();
</script>
</body>
</html>

Vue中播放音频和语音合成相关推荐

java在程序中加入音频_在任意Java程序中播放音频
音频文件有多种格式.Java程序能够播放WAV,AIFF,MIDI,AU和RMF格式的声音文件. 要在Java中播放音频文件,应该先为声音文件创建一个音频剪辑对象(audio clip object) ...
如何实现在直播中播放音频文件
在我们看直播的时候,经常会在直播过程中听到有掌声.口哨声.背景音乐等音效,那么这些声音特效是如何实现的呢大家有没有想过?anyRTC下面就为大家简单介绍一下如何实现在直播过程中播放音频文件. 功能描述 ...
如何在c语言中播放音频
要在 C 语言中播放音频,你可以使用一些库函数,例如 OpenAL,SDL 或者 PortAudio. 这些库都可以在 C 语言中使用,它们提供了与播放音频相关的函数. 例如,使用 OpenAL 库可 ...
Windows上搭建rtsp-simple-server流媒体服务器实现rtsp、rtmp等推流以及转流、前端html与Vue中播放hls(m3u8)视频流
场景 Nginx-http-flv-module流媒体服务器搭建+模拟推流+flv.js在前端html和Vue中播放HTTP-FLV视频流: Nginx-http-flv-module流媒体服务器搭建 ...
Nginx-http-flv-module流媒体服务器搭建+模拟推流+flv.js在前端html和Vue中播放HTTP-FLV视频流
场景 Windows上搭建Nginx RTMP服务器并使用FFmpeg实现本地视频推流: Windows上搭建Nginx RTMP服务器并使用FFmpeg实现本地视频推流_win nginx-rtmp ...
实验6 在应用程序中播放音频和视频
实验报告课程名称基于Android平台移动互联网开发实验日期 2016年4月15日实验项目名称设计一个简单登陆界面实验地点 S3010 实验类型 □验证型 √设计型 □综合型 ...
linux浏览器不能播放音频文件夹,在html中插入音频文件在浏览器中播放音频文件的兼容性问题...
下面谈谈本人在html中插入音频文件,经过我的本地测试总结的一些问题(播放mp3文件): 1. 问题:IE8上正常(通过media player插件来播放)但在IE6和IE7上不会播放 Firefox ...
vue中播放h265视频流
最近vue推流视频项目需要视频流适配h265,找到很多解码js,发现稳定和好用的还是WXInlinePlayer. 官方文档地址https://github.com/ErosZy/WXInlinePl ...
实验6 在应用程序中播放音频和视频
课程名称基于Android平台移动互联网开发实验日期 2016年4月15日实验项目名称数独游戏界面设计实验地点 S3010 实验类型 □验证型 √设计型 □综合型学时一. ...

Vue中播放音频和语音合成

利用audio标签播放音频

语音合成

Vue中播放音频和语音合成相关推荐

最新文章

热门文章