vue怎么实现接受到消息后,出现提示音效果,那位哥哥姐姐能给个demo就...

发布网友 发布时间：2022-04-23 15:22

我来回答

共2个回答

懂视网 时间：2022-04-01 22:52

vue背景音乐设置的方法如下：

　　1、打开Vue，点击左下角的导入视频；

　　2、视频导入后，点击右上角的编辑；

　　3、选中右下角的音乐，根据视频内容选择音乐类型；

　　4、点击歌曲名选择音乐，选择完成后点击右上角保存视频，这样背景音乐就设置完成了。

　　VUE是iOS和Android平台上的一款手机视频拍摄与美化工具，允许用户通过简单的操作实现视频的拍摄、导入视频的剪辑、表现力的细调、改变滤镜、加贴纸和背景音乐等功能，轻松在手机上拍出电影大片的质感，实时记录与分享生活。

　　2018年7月5日， VUE正式上线2.0版本，推出短视频社区功能。随着手机摄像头的发展，越来越多的人开始使用手机拍照和摄像。摄像一般来说要比拍照门槛高，但是视频传播的信息量又远大于照片。VUE就诞生在这样的背景下，希望用拍照一样简单的操作，帮助用户在手机上拍摄精美的短视频。

热心网友 时间：2022-04-01 20:00

<template>
    <div class="listen">
        <audio controls="controls" hidden src＝"./resource/media/sounds/newmsg.mp3" id="audio">
    </div>
</template>
<script>
export default{
    mounted:function(){
        //一系列的socket连接。
        //var socket = io();//你自己的socket
        socket.on('new_msg',function() {
            var _audio = document.getElementById('audio');//获取audio元素
            audio.currentTime = 0;//从头开始播放提示音
            _audio.play();//播放
        })
    }    
}
</script>

不知道你用的是什么，举个Socket.io例子

播放提示音的话很简单  三行代码就可以

this.sound = new Audio();

this.sound.src = '提示音文件地址';

this.sound.play();