网页音乐播放器

电玩女神 2022-01-06 15:45 562阅读 0赞

下面是比较low的播放器.仅仅用了h5的audio标签, 后期可以考虑做一个隐藏 / 展开在侧边栏, 调用各大音乐网站平台接口([http://www.buerguo.blog/9186.html][http_www.buerguo.blog_9186.html]). 支持可在线搜索的网页迷你音乐播放器.

js

<body>
    <audio controls autoplay id="sidebar">
        <source src="http://www.buerguo.blog/wp-content/uploads/2019/01/Capo-Productions-Inspire.mp3">
    </audio>
    </body>

css

audio{
        
        z-index: 5;
        position: fixed;
        bottom: 50px;
        opacity: 0.5;
        transition: all 2s;
        background-color: red;
    }
    audio:hover{
        
        opacity: 1;
    }

![917633-20190129091131702-64505538.png][]

========================================================================

**2019-01-29更新:**

# [迷你音乐播放器v1.0正式上线!][v1.0] #

转载于:https://www.cnblogs.com/yadongliang/p/10332572.html

[http_www.buerguo.blog_9186.html]: http://www.buerguo.blog/9186.html
[917633-20190129091131702-64505538.png]: /images/20211227/d2f8b1b1760541ab952a579c64b9d452.png
[v1.0]: https://www.cnblogs.com/yadongliang/p/10336409.html

发表评论取消回复

表情：

评论列表（有 0 条评论，562人围观）

还没有评论，来说两句吧...

相关阅读

相关 html实现网页左下角音乐播放器

html实现网页左下角音乐播放器效果图如下：![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_

「爱情、让人受尽委屈。」/ 2023年10月04日 15:19/ 0 赞/ 45 阅读

相关音乐自动播放html代码大全,网页HTML音乐播放器代码大全

网页HTML音乐播放器代码大全 HituxCMS.com 2013年5月26日字体大小: autostart="true"中true或1表示自动播放，false或

系统管理员/ 2022年10月05日 12:53/ 0 赞/ 396 阅读

相关 Android音乐播放器

Android音乐播放器目录 Android音乐播放器目录搭建整体框架功能实

亦凉/ 2022年08月17日 15:12/ 0 赞/ 349 阅读

相关 flash音乐播放器

感觉做的还不错 [http://ibox.xlands.com/][http_ibox.xlands.com] [http_ibox.xlands.com]: http:

冷不防/ 2022年07月12日 12:53/ 0 赞/ 307 阅读

相关音乐播放器（1）

MainActivity package com.sugesi.musicplayer; import andr

墨蓝/ 2022年06月10日 12:23/ 0 赞/ 365 阅读

相关开源音乐播放器!

<table style="border-collapse:collapse; border-spacing:0px; max-width:100

小鱼儿/ 2022年06月09日 08:28/ 0 赞/ 377 阅读

相关 python音乐播放器

``` from tkinter import from tkinter import filedialog from pygame.loca

曾经终败给现在/ 2022年05月31日 00:46/ 0 赞/ 385 阅读

相关模拟音乐播放器

简单模拟一个音乐播放器,音乐正常的播放功能兼容到IE9，IE8就挂掉了，谷歌，火狐，欧朋，Edge，360测试正常，IE下input样式待优化，希望大家提点建议。预览地址：

绝地灬酷狼/ 2022年05月26日 01:26/ 0 赞/ 480 阅读

相关音乐播放器

项目效果 ![在这里插入图片描述][70] 音乐播放器的简述 “背景图片” 图片首先运用canvas的方式将图片通过drawimage的方法画到canv

浅浅的花香味﹌/ 2022年05月11日 05:16/ 0 赞/ 464 阅读

相关网页音乐播放器

下面是比较low的播放器.仅仅用了h5的audio标签, 后期可以考虑做一个隐藏 / 展开在侧边栏, 调用各大音乐网站平台接口([http://www.buerguo.blog

电玩女神/ 2022年01月06日 15:45/ 0 赞/ 563 阅读