如何在html中插入背景音乐

注:本方法是通过外链的方式插入背景音乐

1.搜索网易云音乐

在这里插入图片描述

2.选择一首音乐,也可以登录后查看自己喜欢的音乐

在这里插入图片描述

3.点击生成外链播放器

在这里插入图片描述

4.有的歌曲会有权限保护,无法生成外链,这是缺点,我们选择另一首歌

5.可以看到如下代码,不建议使用flash插件,毕竟谷歌浏览器禁用了,影响体验,默认自动播放不要管,选择复制代码

在这里插入图片描述

6.将复制的代码插入html中

我这里选择的是夏恋慕,一首很好听的歌

<iframe frameborder="no" border="0" marginwidth="0" marginheight="0" width=330 height=86 
src="//music.163.com/outchain/player?type=2&id=1335529596&auto=1&height=66"></iframe>

开始改代码:可以看到宽和高,将它设置为0,src地址中可以看到163网易云音乐的地址,后面是这首歌的id,所以,身为大佬的你是不是秒懂了什么?坏笑

<iframe frameborder="no" border="0" marginwidth="0" marginheight="0" width=0 height=0 
src="//music.163.com/outchain/player?type=2&id=1335529596&auto=1&height=66"></iframe>

7.如何插入本地音乐到html中?

我在接下来的文章中会写,透露一下,是mp3格式的哦,先关注吧
文本链接(还没写文章啦,今天先划水吧,溜了溜了)
在这里插入图片描述

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.rhkb.cn/news/59196.html

如若内容造成侵权/违法违规/事实不符,请联系长河编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

虚幻4为场景添加背景音乐的三种方法

根据官方文档介绍&#xff0c;虚幻在场景当中添加音乐有三种方法&#xff0c;我这里也不知道它到底支持哪些音频&#xff0c;反正导入mp3文件不好用&#xff0c;改成wav文件就没问题了&#xff0c;所以大家在导入文件的时候尽量使用wav文件&#xff0c;就不要使用其他的音频文件…

关于如何在html网页中插入可以自动播放的背景音乐

昨天想做一个带有自动播放背景音乐的html网页&#xff0c;频繁碰壁&#xff0c;最后终于找到问题所在&#xff1a; 一般大家会考虑到audio标签&#xff0c;然后在标签里使用autoplay。理论上是可以的&#xff0c;但是一定要注意浏览器的设置&#xff0c;浏览器一般会自动阻断背…

H5背景音乐解决方案

前言背景音乐播放 1 自动播放 1 微信问题2 Safari问题3 解决方案代码 2 点击播放 离开页面关闭音乐缓存状态 1 客户端存储数据方法2 示例 完整解决方案代码 1. 前言 很多H5的项目会用到背景音乐&#xff0c;虽然是很小的一个模块&#xff0c;但是有不少的坑。本文总结了背景音…

【向生活低头】如何在Gold Wave软件中为声音添加背景音乐

很奇怪&#xff0c;百度了很久&#xff0c;找到的方法都不可以用&#xff08;都用的混响&#xff09;&#xff0c;但大家又都很统一&#xff0c;我感觉很奇怪。 最后&#xff0c;我找到了这个视频&#xff0c;&#xff08;用的混音&#xff09;这次终于可以了。 记录&#xff0…

告别枯燥,ppt背景音乐怎么设置?

大家用过ppt吗&#xff1f;在办公软件中&#xff0c;ppt最常用到的就是在于广告宣传这方面&#xff0c;因为ppt里面的各种元素都能让你的宣传更加灵动。ppt背景音乐怎么设置&#xff1f;在制作ppt的时候&#xff0c;当表面因素勾勒得差不多时&#xff0c;如果设置一个背景音乐可…

chatgpt赋能python:Python如何减慢输出速度

Python如何减慢输出速度 Python是一种高级编程语言&#xff0c;被广泛应用于数据分析、人工智能和Web开发中。在这里&#xff0c;我们将探讨一种方法&#xff0c;即如何减慢Python的输出速度&#xff0c;从而进行更有效的调试和优化。 什么是Python的输出速度&#xff1f; 在…

【观察】数据分析还能这样玩?《事业告急——月老KPI下降分析》的“制胜秘籍”...

谈起去年参加2022帆软数据分析大赛时&#xff0c;新希望集团BI项目经理林家喜仍然“记忆犹新”&#xff0c;凭借参赛作品《事业告急——月老KPI下降分析》&#xff0c;他带领的团队在193份参赛作品中“脱颖而出”&#xff0c;斩获了大赛的“最佳展现创意奖”。 事实上&#xff…

AnalyticDB(ADB)+LLM:构建AIGC时代下企业专属Chatbot

为什么Chatbot需要大语言模型向量数据库&#xff1f; 这个春天&#xff0c;最让人震感的科技产品莫过于ChatGPT的横空出世&#xff0c;通过大语言模型&#xff08;LLM&#xff09;让人们看到了生成式AI能实现到和人类语言高度相仿的语言表达能力&#xff0c;AI不再遥不可及而已…

ModaHub魔搭社区:如何基于向量数据库+LLM(大语言模型),打造更懂你的企业专属Chatbot?

目录 1、为什么Chatbot需要大语言模型+向量数据库? 2、什么是向量数据库? 3、LLM大语言模型+ADB-PG:打造企业专属Chatbot 4、ADB-PG:内置向量检索+全文检索的一站式企业知识数据库 5、总结 1、为什么Chatbot需要大语言模型+向量数据库? 这个春天,最让人震感的科技产品…

Photon AI Translator 和做产品的一些思考

近 4 个月内我一直在做 Apple 平台的产品&#xff0c;虽然从使用量来说「简体中文」用户是占多数&#xff0c;但我一直有做多语言的支持&#xff1a;英语、简体中文和繁体中文。习惯上 Google 翻译的我&#xff0c;基本上在使用 Xcode 过程中也会一直在浏览器开着 Google Trans…

大一新生调查报告——新生遇到的问题与需求

小组成员&#xff1a; 信通6班何若溪&#xff08;人际关系主题&#xff09;&#xff0c;章玉&#xff08;学习压力主题&#xff09;&#xff0c;袁博秋&#xff08;思乡主题&#xff09; 信通7班梁凌&#xff08;信息整合与报告制作&#xff09; 信通8班夏姝婷&#xff08;时间…

基于PHP的大学生问卷调查系统

一 项目介绍 基于PHP的大学生问卷调查系统 数据库mysql &#xff0c;可搭建在phpstudy下&#xff0c;实现快速部署&#xff01; 二 主要功能 用户 1 登录 2 填写问卷 管理员 1 登录 2 问卷/问题(增删改查) 3 问卷统计结果(按选择结果百分比显示) 4 问卷回收情况(参与用户和未…

大学生社团管理系统数据需求(二)

目录 前言 一、用户、管理员登录业务数据流图 二、用户、管理员修改信息业务数据流图 三、用户申请社团数据流图 四、用户报名社团活动数据流图 总结 前言 上次我写了大学生社团管理系统的数据字典&#xff0c;列出了主体及他们的内容&#xff0c;今天我想分享一下我画的…

广告行业中那些趣事系列64:低成本训练一个媲美ChatGPT效果的Vicuna模型

导读&#xff1a;本文是“数据拾光者”专栏的第六十四篇文章&#xff0c;这个系列将介绍在广告行业中自然语言处理和推荐系统实践。本篇主要从理论到实践介绍低成本训练一个媲美ChatGPT效果的Vicuna模型&#xff0c;对于希望搭建自己的大语言模型并应用到实际业务场景感兴趣的小…

618,你会入手哪些书?【文末送书】

好书分享 前沿技术人工智能半导体新一代通信与信息技术网络空间安全参与规则 一年一度的618又到啦&#xff01;今年的618就不要乱买啦&#xff0c;衣服买多了会被淘汰&#xff0c;电子产品买多了会过时&#xff0c;零食买多了会增肥&#xff0c;最后怎么看都不划算。可是如果你…

Bito AI:免费使用 AI 编写代码/修复错误/创建测试用例 Use AI智能聊天 to 10x dev work

目录 Bito AI 简介 关键是:免费的!注册就能使用!!还不赶紧用起来??!https://bito.co/

你真的懂树吗?二叉树、AVL平衡二叉树、伸展树、B-树和B+树原理和实现代码详解...

树(Tree)是一种相当灵活的数据结构(上一节已经详细讲解了基本的数据结构:线性表、栈和队列),你可能接触过二叉树,但是树的使用并不限于此,从简单的使用二叉树进行数据排序,到使用B-树或B+树设计数据库引擎,以及目前热门的人工智能机器学习都使用到树,例如决策树(De…

人工智能预测股票涨停?靠谱吗?好像行哦,那不发财了?

背景 人工智能很火&#xff0c;各种秀。股票让人欢喜让人忧。它们结合能擦出什么样的火花&#xff1f; 我从去年5月学编程&#xff0c;树立目标&#xff1a;数据分析股市&#xff0c;做快乐盈利股民。达成阶段目标&#xff1a;预测股票涨停。特写文章记录和分享&#xff0c;也…

ChatGPT: 软件开发通用性与易用性的联系

测试地址: https://chatgptmirror.com?share3T7MZ8

GAT1400协议 注册流程

本人最近工作需要对接1400协议&#xff0c;发现网上资料不多&#xff0c;于是自己摸索了一阵&#xff0c;在这给大家提供一些我的见解&#xff0c;我是用C语言写的代码&#xff0c;有需要的可以联系我 公安部制定了统一的标准即GAT1400“公安视频图像信息应用系统”&#xff0c…