首页 > 其他分享 >js播放背景音乐失败处理

js播放背景音乐失败处理

时间:2024-05-13 22:19:34浏览次数:20  
标签:背景音乐 console log 音频 js music 播放

<script>
 

const music = new Audio('med/CanonInD.mp3');
   music.loop =true;
   
document.addEventListener("DOMContentLoaded", function(event) {

 console.log("页面加载完毕");
 
 	if (music.paused) {
  //console.log('音频当前没有播放');
  music.play(); /*可能报错*/
  }
 
});

//屏幕点击事件
window.addEventListener('click', function(event) {
 
  if (music.paused) {
  //console.log('音频当前没有播放');
       music.play();
  }else{
      console.log('音频已经在播放');
  }
});

 </script>

  

 

 

标签:背景音乐,console,log,音频,js,music,播放
From: https://www.cnblogs.com/agfox123/p/18190190

相关文章

  • SpringMVC中JSP页面不显示EL表达式的原因
    感谢 https://developer.aliyun.com/article/444366 在SpringMVC的入门项目中,这是最常见的问题。实际上这是因为使用了JSP1.2规范引起的。1.使用JSP1.2定义格式如果您使用了 老旧的JSP1.2描述方式,即使用了DTD定义:web.xml<!DOCTYPEweb-appPUBLIC"-......
  • Go:json-patch库讲解与应用
    Go:json-patch库讲解与应用原创 王义杰 运维开发王义杰 2024-05-1321:36 广东 听全文1.简介json-patch 是一个Go语言的库,用于处理JSON文档的修改。它实现了JSONPatch标准(RFC6902),允许对JSON文档进行部分更新,而无需重写整个文档。2.功能与特性操......
  • three.weapp.js提示applyMatrix4 is not a function
    最近做项目使用three.weapp,因为是微信版的three,所以删减了好多方法。在使用applyMatrix4时报了 applyMatrix4isnotfunction的错误。解决方法简单,找thee里面有的方法代替。先console.log查看下three.weapp里面的Group prototype有什么可以看到有一个applyMatrix方法。......
  • autox.js脚本,采集抖音直播间评论信息
    autox.js脚本,采集抖音直播间评论信息auto();history={};console.show(true);while(true){listBox=className("androidx.recyclerview.widget.RecyclerView").findOne(2000);if(!listBox){continue;}allList=listBox.children();for(v......
  • autox.js脚本采集抓取抖音直播间弹幕评论
    利用autox.js识别抓取抖音直播间评论弹幕信息auto();history={};console.show(true);while(true){listBox=className("androidx.recyclerview.widget.RecyclerView").findOne(2000);if(!listBox){continue;}allList=listBox.children();f......
  • js 判断包含 对象属性
    在JavaScript中,判断一个对象是否包含某个属性可以使用in关键字,或者使用对象自身的hasOwnProperty方法。使用in关键字:letobj={name:'Alice',age:25};letpropertyName='name';if(propertyNameinobj){console.log(`对象包含属性:${propertyName}`);}else{......
  • vue 简易导出数据 vue-json-excel
    1、安装插件npminstall-Svue-json-excel2、注册importVuefrom"vue";importJsonExcelfrom"vue-json-excel";Vue.component("downloadExcel",JsonExcel);3、使用<a-buttonv-if="isExport"type="primary&quo......
  • web3.js:使用eth包
    原文在这里简介web3-eth包提供了一套强大的功能,可以与以太坊区块链和智能合约进行交互。在本教程中,我们将指导您如何使用web3.js版本4的web3-eth包的基础知识。我们将在整个示例中使用TypeScript。步骤1:配置环境在我们开始编写和部署我们的合约之前,我们需要设置我们的环境......
  • npm install 报错 ---》npm ERR! request to https://registry.npmjs.org/react faile
    1、npminstall报错E:\wsg\AWC_TEST\stage>npminstallreactreact-domnpmERR!codeCERT_NOT_YET_VALIDnpmERR!errnoCERT_NOT_YET_VALIDnpmERR!requesttohttps://registry.npmjs.org/reactfailed,reason:certificateisnotyetvalidnpmERR!Acomplete......
  • Vue.js的Vue@Cli入门指南
    Vue.js是一款流行的JavaScript框架,它使得构建交互式的Web界面变得简单和快捷。Vue@Cli是Vue.js官方提供的脚手架工具,它能够帮助我们快速搭建Vue.js项目,并提供了丰富的功能和插件。准备工作在开始之前,确保您已经安装了node.js和npm。然后,您可以通过以下命令安装Vue@Cli:npminsta......