免费搭建一个云音乐网站

如何免费搭建一个云音乐网站

搭建一个云音乐网站,有这些东西是必需的:
1:网站源码
2:服务器
3:域名
云音乐源码在这:https://www.lanzous.com/i5i1fwb
然后服务器我这里选择一个虚拟主机,有一些这种免费的空间可以使用,这里我选择的是美国的,因为我域名是在自己买的,没备案,所以选择了国外的一款虚拟机:https://idc.txizd.cn/control/index/
自行注册,然后选择免费的那个购买
在这里插入图片描述
然后点产品管理,再点紫色的那个管理
在这里插入图片描述
现在点前往控制面板,弹出的选项没改密码就随便点
在这里插入图片描述
现在到了这一部分就是上传文件,把上面源码下载好,然后点FTP/文件管理—在线文件管理器—点击wwwroot—点击上面的上传文件,把整个压缩包上传再解压,最后确保文件如下图
在这里插入图片描述
现在就是进行域名的绑定,没有域名的可以去阿里云腾讯云等等购买,购买需要一些认证啊什么的,会有点麻烦,购买的域名需要解析,主页搜索域名控制台,然后点解析,再点添加记录,如下图
在这里插入图片描述
或者使用这个去注册获取个二级域名http://dns.txizd.cn/,有域名的点击右侧基本功能—域名绑定
在这里插入图片描述
到了这一步,那很好,你已经完成了基本操作,现在可以输入你绑定的域名查看
自己完成的,可以点击查看:http://www.nzcsix.xyz/
还有打包好的app,第一次可能要稍等一下
安卓:https://www.lanzous.com/i5i21gh
苹果:https://www.lanzous.com/i5i212d

  • 4
    点赞
  • 12
    收藏
    觉得还不错? 一键收藏
  • 16
    评论
好的,以下是使用 Bootstrap 搭建音乐播放器网站的步骤: 1. 首先,创建一个 HTML 文件,并在其中引入 Bootstrap 的 CSS 和 JavaScript 文件。 ``` <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>音乐播放器</title> <link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/4.0.0/css/bootstrap.min.css"> </head> <body> <!-- 在这里添加页面内容 --> <script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script> <script src="https://cdn.bootcss.com/popper.js/1.12.9/umd/popper.min.js"></script> <script src="https://cdn.bootcss.com/bootstrap/4.0.0/js/bootstrap.min.js"></script> </body> </html> ``` 2. 在页面中添加一个导航栏,并在其中添加一个音乐播放器的链接。 ``` <nav class="navbar navbar-expand-lg navbar-light bg-light"> <a class="navbar-brand" href="#">音乐播放器</a> <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button> <div class="collapse navbar-collapse" id="navbarNav"> <ul class="navbar-nav"> <li class="nav-item active"> <a class="nav-link" href="#">首页 <span class="sr-only">(current)</span></a> </li> <li class="nav-item"> <a class="nav-link" href="#">音乐播放器</a> </li> </ul> </div> </nav> ``` 3. 在页面中添加一个音乐播放器的区域,并在其中添加一个音乐文件和控制按钮。 ``` <div class="container mt-3"> <div class="card"> <div class="card-body"> <audio controls> <source src="music.mp3" type="audio/mpeg"> 您的浏览器不支持 HTML5 音频播放器。 </audio> </div> <div class="card-footer"> <button type="button" class="btn btn-primary">播放</button> <button type="button" class="btn btn-secondary">暂停</button> </div> </div> </div> ``` 4. 最后,添加一些样式来美化页面。 ``` body { padding-top: 70px; } .card { max-width: 500px; margin: 0 auto; } audio { width: 100%; } .card-footer { text-align: center; } ``` 这样,你就可以使用 Bootstrap 搭建一个简单的音乐播放器网站了。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 16
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值