问答文章1 问答文章501 问答文章1001 问答文章1501 问答文章2001 问答文章2501 问答文章3001 问答文章3501 问答文章4001 问答文章4501 问答文章5001 问答文章5501 问答文章6001 问答文章6501 问答文章7001 问答文章7501 问答文章8001 问答文章8501 问答文章9001 问答文章9501

用h5做一个比较带感的音乐播放器有什么可以推荐的?

发布网友 发布时间:2022-04-21 06:53

我来回答

3个回答

热心网友 时间:2022-06-18 13:44

推荐使用ckplayer,

最新更新日期:2018-01-10

修正了不能播放部分rtmp视频的bug

增加了删除缓动的api

升级方法

替换ckplayer.swf及ckplayer.js中112行!(function() {以下的内容

在ckplayer.js及ckplayer.xml中搜索“addCallback”属性节点,列表中增加deleteAnimate属性

最新更新日期:2017-12-14

调用播放器初始化时增加了一个属性playerID,可以在同页面多播放器时用来区分不同的播放器发出的监听事件

修正了一些无关紧要的bug

增加了h5部分对于控制栏的*以及相对应的api

统一了flashplayer和h5的右键设置

增加了播放器动作按钮点击的监听函数clickEvent

升级方法

替换ckplayer.swf及ckplayer.js中112行!(function() {以下的内容

更新日期:2017-12-08

修正了h5字幕文件显示样式控制不了的bug

增加了控制控制栏显示/隐藏的接口

升级方法

替换ckplayer.swf及ckplayer.js中113行!(function() {以下的内容

搜索ckplayer.js以及ckplayer.xml中的addCallback属性,在其最后添加:“,changeControlBarShow”

更新日期:2017-11-24

修正了html5环境中视频出错时播放器上方不显示错误提示的bug

升级方法

替换ckplayer.swf及ckplayer.js中113行!(function() {以下的内容

更新日期:2017-11-23

1:增加了flashplayer中调用视频地址包含逗号时出错的bug

2:修正了当删除ckplayer.js的配置logo被删除后html5环境出错的bug

3:修正了html5中缓冲图标没有动画效果的bug

升级方法,1:替换ckplayer.swf、2:替换ckplayer.js中112行!(function() {以下的内容、3:在ckplayer.js中找到“m3u8MaxBufferLength: 30,”,在该行下面增加“split:',',”、4:在ckplayer.xml中找到“<m3u8MaxBufferLength>30</m3u8MaxBufferLength>”,在该行下面增加“<split>,</split>”

更新日期:2017-11-16

1:修复了ipad不能播放m3u8的bug

2:修改移动端默认不使用ckplayer自定义风格

3:html5风格中增加了倍速播放按钮列表

4:html5环境中增加了倍速播放api

升级方法,只需要替换ckplayer.swf以及ckplayer.js中112行!(function() {以下的内容

更新日期:2017-11-10

HTML5环境支持视频的旋转和缩放,修改的文件为ckplayer.js,修改的内容是videoRotation()函数和videoZoom()函数

更新日期:2017-11-07,更新内容(如果你不是使用的rtmp则无需更新):

1:html5播放器统一使用ckplayerConfig()函数里指定的logo图片做为logo

2:修正了部分rtmp直播流无法播放的bug

3:修正了一些其它bug

ckplayer X版本升级说明,2017-11-01

一:重构代码

1:完全重构了ckplayer.js、ckplayer.xml,配置规则标准化。不再使用同一个属性定义多个值的形式进行配置。ckplayer.js中的html5部分采用自定义风格的功能。

2:完全重构了language.xml,语言包进行了可扩展升级。

3:完全重构了风格文件。不再采用以前版本的压缩包形式,而是仅采用style.xml进行配置,图片文件全部转化成base64使用,并且支持加密。保护您的插件。并且支持自定义按钮,图片或swf的功能。

二:功能方面的升级

1:广告部分增加了新的广告形式,插入广告,结尾广告,其它类型的广告(如横幅,角标等自定义显示时间),保留原来的前置广告,暂停广告。增加了广告展示监听,广告点击监听功能。

2:播放部分升级了对m3u8格式的内部支持,不再使用外部插件播放。

3:增加了flashplayer环境对m3u8文件的加密支持。

4:内置了清晰度支持功能,以及m3u8清晰度自动选择及显示的支持。

5:内置了弹幕显示功能,多种缓动效果。可以制作出多种弹幕显示效果。并且支持弹幕和播放器的互动,以前和js的互动。

6:重构了播放器的API

三:其它说明

本次升级是一次非常大的升级行为,跟之前版本基本毫无联系。调用播放器的代码更加简单高效智能化。

热心网友 时间:2022-06-18 13:44

点量H5播放器,支持pc和手机端直接打开播放,可扩展更多功能,加密、水印、广告、等都可以实现。

热心网友 时间:2022-06-18 13:45

HTML5中,除了其他强大的功能外,同时还增加了audio标签,利用audio标签就可以播放音乐。下面是9个不错的HTML5音乐播放器。

1、Media Element

MediaElement音频视频播放器是纯HTML5和CSS编写的。同时为很多不同的开源系统提供插件,如WordPress,Drupal,Joomla等
网址:http://mediaelementjs.com/

 2、Scott Andrew’s HTML5 audio player

这个播放器是非常简约,但效果很好。
网址:http://www.scottandrew.com/pub/html5audioplayer/

3、Speakker

Speakker是非常简单的播放器,同时据有高强的定制性:无限灵活的尺寸,颜色等…
Speakker是跨浏览器兼容的,在老旧浏览器上将使用Flash播放器,同时还有两个不错的主题。
网址: http://www.speakker.com/

4、MooTools HTML5 Audio Player

你的网站有合作MooTools吗?如果使用的话,你有福了。不信,你可以试一试!
网址:http://simulacre.org/mootools-html5-audio-player/

5、Universal HTML5 Audio Player

这是一个收费的播放器。但是他的价格还是比较便宜的。只需要5美金。他有非常多的功能,如果你需要用于商业用途的话,这是一个非常不错的选择。
网址:http://codecanyon.net/item/universal-html5-audio-player

6、SoundManager 2

SoundManager 2使用HTML5与Flash,跨平台。Flash是为了保证在老旧浏览器上也可以使用。同时它是一个非常轻量级的播放器,只有10k。
网址:http://www.schillmania.com/projects/soundmanager2/

7、jplayer

jplayer是基于jQuery开发的,非常的简约,很多人都选择使用它,同时它还可以播放视频。
网址:http://jplayer.org/ 

8、audio.js

网址:http://kolber.github.com/audiojs/

9HTML5 Audio Player Bookmarklet

他是一个浏览器的插件,它用于在任何网页上下载音频文件。
网址:http://marklets.com/HTML5+Audio+Player.aspx

声明声明:本网页内容为用户发布,旨在传播知识,不代表本网认同其观点,若有侵权等问题请及时与本网联系,我们将在第一时间删除处理。E-MAIL:11247931@qq.com
刘德华《忘情水》歌词 忘情水专辑 忘情水 求 忘情水-刘德华 无损音质 华东理工大学长江学院怎么样 东华理工大学长江学院机械工程系考研情况 南昌教育学院跟东华理工大学的长江学院比哪个好? 东华理工大学和东华理工大学长江学院是同一所吗 东华理工大学长江学院考研难吗 CKC证书是啥意思? ckc康复是什么意思? 怎样制作带音乐动画的电子贺卡 纸张有毒吗? 404 Not Found 铝箔纸包裹巧克力或者糖醋鱼,是否有害? 这种材料的纸叫什么纸? 微信上那个链接有音乐动画文字可以翻页是怎么制作的? 怎么制作微信请帖 柔纸巾为什么是甜的有害吗? 冰糖吃多了有什么坏处过量食用冰糖的危害 怎样制作带音乐、动画的电子贺卡 食用糯米纸有什么危害 怎样制作电子音乐贺卡 孩子吃了包糖果的纸怎么办 微信怎么做微场景,就是带音乐带文字的。 夏天怎么保存糖果 夏天如何保存糖果 如何制作电子贺卡? 腊肠上的包纸好吃的吗?什么成分?对身体有无损害? 手机2d动画制作软件 造纸厂可以干吗?对身体有害吗 用电脑怎么做动态加音乐还有文字的贺卡 苹果1264G内存和256G内存电池容量一样吗? 如何调整手机上的时间 怎么调整手机时间 新浪微博怎么去掉应经有水印的照片 设置手机时间怎么设置 wps怎么打大于等于 WPS表格函数IF大于或等于怎么使用 wsp中大于等于符号怎么打 怎么在WPS里打数学符号? WPS表格函数怎样计算小于标准数值时按实际数值计算和大于标准数值时按标准数值计算? excel表格怎么写大于等于 404 Not Found wps表格怎么一次筛选多列大于等于的数值 电脑怎么打根号 wps表格插入if函数,无法输入大于号小于号等符号,直接在单元格里输公式还不好使 我的是windowxp ,wps显示不了大于等于符号,从其他电脑里又能打开!! 请问WPS里这个箭头怎么打? wps数学符号输入加减乘除等于号什么的都是乱码,还有什么大于等于的也是不知道出的什么图形,是不是函数的 己所不欲勿施于人什么意思啊? 请问一下大家 64G的 iPhone11 pro max 和 256G的iPhonexs哪个更香呢_问一问