html5+css3制作的播放器，不过还不大完善

最新推荐文章于 2022-02-04 09:30:00 发布
最新推荐文章于 2022-02-04 09:30:00 发布
阅读量1.2k 收藏
点赞数
文章标签： html5 css python web服务 audio 网络
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/hack2me/article/details/6522218
版权

 前一段时间做的东西，是用的html5的功能，虽然也是用audio标签嵌入音频但是用canvas绘制的播放器外观，用html5提供的新事件模型实现了歌曲快进，添加本地歌曲，网络歌曲的功能，还有一个简单的播放控制，歌词插件还没有做好，计划用python做一个后台页面，据说python2行程序就可以实现一个web服务器，有时间研究一下，修饰用的css3，直接上图。（标题的图片是我最最喜欢的Tarja ,希望大家都能支持她）

 

程序员迈克
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
HTML5+CSS3制作音频播放器
06-30
用HTML5加css3制作的音频播放器，有打分功能，还有背景设置，歌曲列表
HTML5+CSS3+JavaScript 网页设计与制作期末综合大作业 G20五个页面（附完整答案和学生用要求及素材）
最新发布
12-07
在“HTML5+CSS3+JavaScript 网页设计与制作期末综合大作业”中，学生们将面临一个挑战，即创建一个以G20为主题、包含五个不同功能页面的网站。 首先，我们来看HTML5。HTML5是超文本标记语言的最新版本，它引入了...
html代码多媒体播放器,6 个基于 HTML5 实现的多媒体播放器
weixin_35502173的博客
06-09 3096
是 HTML5 中新增的标签，可用于在网页中嵌入视频播放功能，无需 Flash 和其他嵌入插件的支持。但是HTML5目前只有Firefox、Safari、Chrome、Opera、IE9以上支持。此外为了能够播放视频至少需要转换成两种视频格式包括：h.264 (Safari / Chrome) 与 Ogg (Firefox / Opera) 。本文介绍?6 款使用 HTML5 技术实现的在线多媒...
css button三角形,CSS实现三角形的播放器按钮图标
weixin_34530727的博客
08-03 1300
CSS实现三角形的播放器按钮body{background:#000;}header{font-family:"MicroSoft YaHei";font-size:30px;color:#990000;}.circle{width:120px;height:120px;-webkit-border-radius:60px;-moz-border-radius:60px;border-radius...
html5+css3制作的音频播放器小应用
hack2me---Just for fun
06-20 2200
很多人都做过，但是都是调用IE的ActivexObject控件，而且还需要服务器端才可以同步歌词的，这个是我自己做的，可以同步歌词，纯js的歌词同步插件，可以添加本地网络歌曲，应用了很多html5的新特性，现在越来越喜欢chrome浏览器了。 最近还打算多做一些html5小应用出来，扎实自己的js基本功，调试这个同步歌词，我差点吐血！！ 
css实现页面播放器完整代码
weixin_43898383的博客
07-24 769
music.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>music</title> <style type="text/css"> /*实现背景图片透明，内容不透明*/ #music { width: 500px; height: 500px; border-radius: 10px;
html5+javascript+css商城（模拟联想）购物系统
06-26
本项目“HTML5+JavaScript+CSS 商城（模拟联想）购物系统”充分利用这三种技术，打造了一个功能完善的模拟购物平台，实现了动态信息浏览、商品检索、用户注册登录以及数据的增删改等功能。 一、HTML5：新一代的网页...
HTML5+CSS3+jQ注册表单 HTML5+CSS3+jQuery注册表单代码下载.zip
11-18
这个"HTML5+CSS3+jQ注册表单 HTML5+CSS3+jQuery注册表单代码下载.zip"压缩包中包含的代码示例，旨在展示如何使用这些技术创建一个功能完善的注册表单。 首先，HTML5作为最新的超文本标记语言标准，提供了许多增强的...
jquery+CSS3迷你音乐播放器效果
06-12
总的来说，这个 jQuery + CSS3 迷你音乐播放器效果项目展示了如何结合前端技术创建一个功能完善的交互组件。它不仅提升了用户体验，也展示了开发者在 UI/UX 设计和 JavaScript 编程上的技巧。通过学习和实践此类项目...
html+css3电影卡片
03-15
本项目“html+css3电影卡片”旨在利用这两种技术来创建一个具有专业外观的电影展示卡片，通常用于电影推荐、在线视频平台或者个人收藏分享等场景。 在HTML5中，我们首先会使用`<div>`元素作为卡片的基础结构，通过...
CSS实现逼真的三角形播放器按钮
12-12
CSS实现逼真的三角形播放器按钮CSS实现逼真的三角形播放器按钮
纯CSS制作各种各样的网页图标（三角形、暂停按钮、下载箭头、加号等）
09-24
主要介绍了纯CSS制作各种各样的网页图标（三角形、暂停按钮、下载箭头、加号等）的相关资料,小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
HTML5制作vedio视频播放器ui样式.zip
07-05
HTML5制作vedio视频播放器ui样式是一款支持进度条和音量显示，可全屏预览视频播放器功能。
音乐cd唱片html网站模板
04-02
音乐cd唱片html网站模板
HTML5黑胶唱片播放机
11-18
HTML5黑胶唱片播放机。HTML5 + CSS3 + JAVASCRITPT。
CSS常用图标制作
Hupan_Pan的博客
11-26 604
一、制作的四个三角形 .css-arrow-acute { border-color: red green blue orange; border-style:solid; border-width:25px 10px 15px 30px; width:0; height:0; } 二、正方形 #square { width: 1...
09-HTML5举例：简单的视频播放器
qq_45882139的博客
09-01 282
我们采用 Bootstrap 网站的图标字体，作为播放器的按钮图标。 index.html的代码如下： <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> <!-- 引入字体图标的文件--> <link rel="stylesheet" href="css/font-aweso
盒子模型划分网页模块--播放器图标
weixin_66529571的博客
02-04 3597
播放器图标 三角形模型原码： <style> .triangle{ width:0; height:0; border:40pxsolidred; border-top-color:black; border-bottom:none; border-left-color:transparent; border-right-...
js+css如何制作（音频）图标【切换播放动画】效果？
weixin_50450473的博客
09-22 1324
步骤如下： 1、准备播放前的图标和播放时的图标，播放时的有4种不同状态，将4种图标设置成一张图片 2、布局html+css <div class="word_total"> <span>美 /mpren/</span> <!-- 播放时的动画 --> <div class="voice voicePlay"></div> <!-- 播放前的图标 --> <im...
HTML5+CSS3入门精通：实战教程与高清视频讲解
《HTML5+CSS3从入门到精通》是一本针对想要学习和掌握这两种现代前端技术的读者精心编写的教程。本书由清华大学出版社出版，隶属于“清华社‘视频大讲堂’大系”的网络开发视频课程，旨在通过基础知识教学、实例演练...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值