播放器

最近在学vue,在掘金上看到一篇好帖子,实现的音乐播放器,心血来潮,自己也写了个~~~实现的页功能:排行榜轮播图展示搜索推荐搜索结果专辑歌手上一曲,下一曲,播放暂停随机播放,循环播放,单曲播放加入/删除播放列表,查看专辑查看歌手github:戳这里预览地址:戳这里喜欢的加个star顺便加个收藏,点个赞~~有兴趣 ...

使用vue2.0实现的音乐播放器,附源码!!!
ls1210485244

ls1210485244|Jsonp调用网易云音乐API搜索播放歌曲

发布于 2017-01-06 02:09:47 浏览:282 类型:原创 - 随笔 分类:HTML/CSS 举报

这两天在做个web的音频播放器练手玩儿,目前只实现了部分功能。效果如下图:基本就是正常的文件播放,暂停,停止,设置循环,随机播放,加速,减速,上一曲,下一曲,再多个选择本地文件加入到播放列表的功能。然后想着给加个能搜索网络歌曲并且播放的功能,今天研究了一下,成果如下。html代码效果预览<!DOCTYPEht ...

Jsonp调用网易云音乐API搜索播放歌曲
大柚子

大柚子|腾讯优酷网站视频引用接口

发布于 2016-12-19 15:47:58 浏览:278 类型:原创 - 随笔 分类:JavaScript 举报

其实我是讨厌码字的,但是最近工作中经常用到一些腾讯的或者优酷的视频,所以觉得还是有必要记录一下,下面会讲到两种方法第一种直接将腾讯或者优酷视频下方的分享代码拿过来用根据自己的需求选择相应的代码,优酷腾讯是一样的,但是这种方法是有弊端的,首先不仅不好控制,而且逼格也不够高第二种就是直接调用腾 ...

html代码效果预览<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"/><title>Document</title><styletype="text/css">*{margin:0;padding:0;}img{border:0;}ol,ul,li{list-style:none;} ...

fm060

fm060|通用播放器

发布于 2016-10-14 15:02:01 浏览:313 类型:原创 - 随笔 分类:HTML/CSS 举报

<videowidth="500"autoplaycontrolsautobuffer><sourcesrc="video/gnet_en.mp4"type="video/mp4">Yourbrowserdoesnotsupportthevideotag.<objectclassid="clasid:D27CDB6E-AE6D-11cf-96B8-444 ...

Sakura

Sakura|HTML5 vedio 插件

发布于 2016-06-08 17:14:01 浏览:1633 类型:原创 - 随笔 分类:JavaScript 举报

因公司内部需求,我从一个国外的网站上弄下来了一个HTML5vedio的视频插件有需要的自己拿吧视频HTML文件:html代码<!doctypehtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="user-scalable=no,initial-scale=1.0,maximum-scale=1.0minimal-ui"/><!--自适应屏幕--> ...

ordinaryboy

ordinaryboy|HTML5播放器 MediaElement.js 使用方法

发布于 2016-05-30 14:43:45 浏览:957 类型:原创 - 教程 分类:类库框架 举报

HTML5播放器MediaElement.js使用方法目前已经有很多html5播放器可以使用,使用html5播放器可以轻松的在页面中插入媒体视频,从而使我们的web页面变得更加丰富多彩,所以今天向大家推荐一款非常优秀的html5播放器MediaElement.js,它不仅能够添加我们常用的html5视频格式(mp4,m4v,mov),而且还支持回退方式,即一些低 ...

fenghuashu2010

fenghuashu2010|自定义视频播放器jplayer.js(非原创)

发布于 2016-05-25 16:28:57 浏览:1020 类型:原创 - 随笔 分类:手机移动 举报

前些天一直在找h5视频播放器,刚刚好搜到一个自定义视频播放器引用了插件jplayer.js,拿来后改了一下,共享一下,(放在手机里还可以) ...

duan602728596

duan602728596|基于html5的audio的音乐播放器

发布于 2016-03-03 11:50:13 浏览:2306 类型:原创 - 随笔 分类:JavaScript 举报

先上效果图基于html5的audio的音乐播放器。点击音乐列表切换播放的音乐,可以切换上一首下一首歌曲,播放暂停,调节音量,调节进度条,没有循环播放或者随机播放的功能但是目前的问题有:1、不兼容ie8以下2、调节进度条在谷歌浏览器下无效,audio.currentTime ...

基于html5的audio的音乐播放器
wekewr

wekewr|html5 音乐播放器

发布于 2016-01-29 11:28:32 浏览:2117 类型:原创 - 随笔 分类:HTML/CSS 举报

html代码片段效果预览<!doctypehtml><html><head><metacharset="utf-8"><title>MusicPlayer</title><linkrel="stylesheet"href="http://cxzoo.com/css/style.css"></head><body><divclass="music-player"><divclass="info"><divclass="center"><divclass="jp-playlist"><u ...

sevencui

sevencui|HTML5 audio实现的带拖拽功能的音乐播放器

发布于 2015-07-09 14:17:17 浏览:1035 类型:原创 - 随笔 分类:HTML/CSS 举报

第一次在w3cfuns上发表文章,有点小激动,由于本人水平有限,还望各位多多赐教。废话就不多说了,直接贴代码:HTML代码<!DOCTYPEhtml><html><head><title>MP3播放器</title><metacharset="utf-8"><metaname="viewport"content="width=device-width,initial-scale=1.0,minimum-scal ...

HTML5 audio实现的带拖拽功能的音乐播放器
shy2850

shy2850|Audio.js 基于flash的简单Audio-API封装

发布于 2015-06-03 13:56:14 浏览:487 类型:原创 - 随笔 分类:JavaScript 举报

Audio.js基于flash的简单Audio-API封装,方便低端浏览器音乐播放进度显示和设置音量等功能。HTML代码audio=newAudio();loadFn=function(){audio.load("xxx.mp3");audio.play();};if(window.Audio.flash){audio.onload=loadFn;}else{loadFn();}Demo:http://shy2850.githu ...

loheonly

loheonly|HTML5制作音乐播放器【转】

发布于 2014-08-07 10:59:16 浏览:384 类型:转载 - 随笔 分类:HTML/CSS 举报

feelcss下的教程:1.设计2.[size=14px]基本的控制(播放,暂停,上一曲,下一曲)[size=14px] ...

一无所有

一无所有|HTML5+CSS3+JQuery打造自定义视频播放器

发布于 2012-03-02 10:35:31 浏览:2562 类型:转载 - 随笔 分类:类库框架 举报

<tablecellspacing="0"cellpadding="0".="word-wrap:break-word;empty-cells:show;border-collapse:collapse;table-layout:fixed;width:627px;color:rgb(68,68,68);font-family:微软雅黑,宋体,'DejaVuSans','LucidaGrande',Tahoma,'HiraginoSansGB',STHeiti,SimSun,sans-serif;font-size:1 ...