首页 > 其他分享 >搭建直播平台,vue+audio 有新消息时加提示音

搭建直播平台,vue+audio 有新消息时加提示音

时间:2022-11-18 14:26:28浏览次数:52  
标签:时加 vue 提示音 直播 audio 搭建

搭建直播平台,vue+audio 有新消息时加提示音

 <audio controls="controls" hidden src="./static/tip.mp3" ref="audio"></audio>

有新消息时,用以下代码即可播放指定的提示音。

 


this.$refs.audio.currentTime = 0; //从头开始播放提示音
this.$refs.audio.play(); //播放 

 

以上就是搭建直播平台,vue+audio 有新消息时加提示音, 更多内容欢迎关注之后的文章

 

标签:时加,vue,提示音,直播,audio,搭建
From: https://www.cnblogs.com/yunbaomengnan/p/16903066.html

相关文章

  • 为什么vue3要选用proxy,好处是什么?
    提问Object.defineProperty()和proxy的区别?为什么vue3要选用proxy,好处是什么?proxyProxy对象用于创建一个对象的代理,从而实现基本操作的拦截和自定义(如属性查找、赋......
  • Vue3, setup语法糖、Composition API全方位解读
    起初Vue3.0暴露变量必须return出来,template中才能使用;Vue3.2中只需要在script标签上加上setup属性,组件在编译的过程中代码运行的上下文是在setup()函数中,无......
  • 解读Vue3模板编译优化
    今天的文章打算学习下Vue3下的模板编译与Vue2下的差异,以及VDOM下Diff算法的优化。编译入口了解过Vue3的同学肯定知道Vue3引入了新的组合Api,在组件mount阶......
  • Vue.nextTick核心原理
    相信大家在写vue项目的时候,一定会发现一个神奇的api,Vue.nextTick。为什么说它神奇呢,那是因为在你做某些操作不生效时,将操作写在Vue.nextTick内,就神奇的生效了。那这是什么......
  • Vue3源码解读之patch
    例子代码本篇将要讲解domdiff,那么咱们结合下面的例子来进行讲解,这个例子是在上一篇文章的基础上,加了一个数据变更,也就是list的值发生了改变。html中增加了一个按钮change......
  • 如何正确学习vue3.0源码
    为什么要学源码技术是第一生产力学习API的设计目的、思路、取舍学习优秀的代码风格学习组织代码的方式学习实现方法的技巧学习ES67新API、TS高级用法不给自......
  • 上帝视角看Vue源码整体架构+相关源码问答
    前言这段时间利用课余时间夹杂了很多很多事把Vue2源码学习了一遍,但很多都是跟着视频大概过了一遍,也都画了自己的思维导图。但还是对详情的感念模糊不清,故这段时间对源码......
  • vue3语法汇总
    组合式API基础 setup 组件选项在创建组件之前执行,一旦 props 被解析,并充当合成API的入口点。setup的两个注意点:1、setup执行时机,在beforeCreate之前执行一次,thi......
  • Vue2基础知识点
    <!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metahttp-equiv="X-UA-Compatible"content="IE=edge"><metaname="viewport"conten......
  • idea 设置vue@跳转
    第一步:根目录下面,创建一个JS文件,名字随便起config.js/*此文件未使用,只是为了让idea可以识别实际位置*/constpath=require('path');functionresolve(dir){returnpa......