位置: 编程技术 - 正文

jquery插件Jplayer使用方法简析(jQuery插件封装时如要实现链式编程,需要)

编辑:rootadmin

推荐整理分享jquery插件Jplayer使用方法简析(jQuery插件封装时如要实现链式编程,需要),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:jQuery插件在使用前都需要引入jQuery的js文件,jQuery插件是什么,jQuery插件安装教程,jQuery插件安装教程,jQuery插件开发,jQuery插件库,jquery插件库怎么导入,jquery插件库怎么导入,内容如对您有帮助,希望把文章链接给更多的朋友!

初识jplayer插件是因为它的兼容性是最好的,可以兼容到IE6,官网上对它兼容性有很详细的说明

这个是我选择使用它的首要原因。

现在从需求上来了解它的使用方法吧。第一个需求:MP3格式的音频在网页播放,样式如下:

刚看到这个需求的时候,还是觉着有些难度的。我从官网( 事件的事件处理器函数。(事件处理器ready创建的目的是消除JS代码和Flash代码间的竞态条件。因此保证当js代码执行的时候Flash函数定义已经存在。)

通俗来说就是用来存放媒体的链接、主题。它支持的格式有:MP3、M4V、webma, webmv, oga, ogv, wav, fla, flv, rtmpa, rtmpv,媒体地址必须放在ready内,否则不会生效。

第二个参数:swfPath

官网的解释是:定义jPlayer 的Jplayer.swf文件的路径。它允许开发者把swf文件放在任何位置,使用相对定位或是绝对路径合作或是相对服务器路径引用。

该参数是必须存在的。删除它,ie的低版本浏览器将不会正常播放,并且文件的路径必须是正确的,可以使用相对路径或绝对地址。

第三个参数:supplied

这个参数是告知该媒体支持的格式,对于后台开发而言,在上传媒体时,有十分重要提示作用。

第四个参数:wmode

即窗口模式。有效的wmode值有: window, transparent, opaque, direct, gpu。这些值具体是什么意思呢,度娘已经给出了许多,就不赘述了,就说说它们间的区别。

window:缺省模式;transparent:透明模式;opaque:无窗口模式;'direct'和'gpu'是flashplayer及以更高版本新增的参数,与前面三个值不能同时用的,不然会引起冲突。

这么说还是有些官方,我尝试删掉这个参数,在chrome.0..,Firefox.0.2,Opera.0..,IE7、8中,音频依然可以正常播放。根据官方API所诉,注意Firefox 3.6 音频播放器使用Flash解决方案要求设置选项{wmode:"window"}否则的话,浏览器不嗯能够正确在页面中放置Flash。

第五个参数:useStateClassSkin

默认情况下,播放和静音状态下的dom 元素会添加class jp-state-playing, jp-state-muted 这些状态会对应一些皮肤,是否使用这些状态对应的皮肤。检验它是否对当前页面是否起作用了,我通过注释它后,发现音频不能中途暂停,只能让它播放结束后,再次点击播放,暂停功能失效。

第六个参数:autoBlur

jquery插件Jplayer使用方法简析(jQuery插件封装时如要实现链式编程,需要)

点击之后自动失去焦点。删除后,对音频并无其他影响。该参数是可选项。

第七个参数:smoothPlayBar

官方解释:平滑过渡播放条。

将值设置为false,可以发现进度条是点击时,没有了过渡的过程,是直接到所点位置,体验并不好。

第八个参数:keyEnabled

官方解释:启用这个实例的键盘控制器特性。

通俗点就是是否允许键盘控制播放。

第九个参数:remainingDuration

是否显示剩余播放时间,如果为false 那么duration 那个dom显示的是【3:】,如果为true 显示的为【-3:】。像我的音频没有时间段显示的样式,那么这个参数也是可选的。

第十个参数:toggleDuration

允许点击剩余时间的dom 时切换剩余播放时间的方式,比如从【3:】点击变成【-3:】如果设置为false ,那么点击无效,只能显示remainingDuration 设置的方式。也是可选参数。

如上,demo里面所用到的参数你都知道怎么用了么?如果还有不清楚的,你可以自己直接使用压缩包里面的demo试验一下。

除了如上的参数,还有几个参数需特别说明一下:

size:设置媒体的宽高;

cssSelectorAncestor:定义所有cssSelector的祖先的一个cssSelector。作用相当于css的元素选择器;

globalVolume:true时共享volume,一个页面存在多个媒体时,调整其中一个的音量大小,其他也跟着改变,false则不受影响。

这样一些简单的媒体播放需求就实现了。有很多页面会提出自动播放的需求,在jpalyer里面要怎么实现了。其实也不难。

在ready参数下,

自动播放就实现了,页面需求升级,需要媒体循环自动播放,如何实现?在API提供了这样一个事件:

需求继续升级,媒体自动播放1秒后停止,如何实现呢?

需求变化很多,但万变不离其中,有觉得实现不了的功能,可以多多看下官网的API,maybe你就找到了解决之道。

基于jquery实现轮播特效 轮播是学习jquery开始的第二个实现的动效,也是学习时间最久的一个。在实现轮播的过程中总是会遇到各种各样的问题,请教过很多人,也多次问过度

jQuery 监控键盘一段时间没输入 监控一段时间没输入可用于简单的输入完成上次实现了一个模拟输入完成则发送请求到后台获取数据的并显示到前台的问题,其中核心的判断标准是输

使用jQuery UI库开发Web界面的简单入门指引 一.jQueryUIjQueryUI是以jQuery为基础的开源JavaScript网页用户界面代码库。包含底层用户交互、动画、特效和可更换主题的可视控件。我们可以直接用它来构

标签: jQuery插件封装时如要实现链式编程,需要

本文链接地址:https://www.jiuchutong.com/biancheng/384973.html 转载请保留说明!

上一篇:jQuery点击其他地方时菜单消失的实现方法(jquery点击方法)

下一篇:基于jquery实现轮播特效(jquery实现轮播图步骤)

  • 积分换物品是真的吗
  • 贴现率和折现率相等吗
  • 个体户电子发票怎么作废
  • 资产负债表负债总额怎么看
  • 出租设备应计入什么科目
  • 没有资质的建筑公司怎样接工程
  • 地税都包括什么
  • 公司增资认缴需要什么流程呢怎么办理
  • 申报进项税额
  • 银行承兑汇票加工费合同
  • 税务领取发票后怎么操作
  • 代销协议书
  • 房地产企业人防设备计入什么科目
  • 子公司是否可以共享总公司的资质
  • 或有负债如何计量
  • 年初未分配利润是什么科目
  • windows10如何开机启动软件
  • 硬盘的日常维护需要做到什么?
  • 刚毕业的学生可以买学生票吗
  • 电脑安全模式有声音吗
  • 企业职工工伤赔偿标准
  • 中秋节福利产品清单
  • 记账凭证不见了怎么办
  • PHP:escapeshellarg()的用法_命令行函数
  • 企业租用个人房屋
  • 商品房契税申报是增量房申报吗
  • 建设项目的设计阶段分为
  • 打开苹果safari浏览器
  • 土方工程公司账务实例
  • 一般纳税人简易征收3%可以开专票吗
  • 小规模企业现金怎样管理
  • es6的module模块
  • bluetooth hci0 command timeout
  • ftp port命令
  • 支付税审费用怎么做账
  • 大额的维修费用怎么摊销
  • 购进农产品直接销售核定农产品增值税进项税额计算表
  • 企业折旧申报备案怎么写
  • 取得经营所得的个人,有综合所得的是什么意思
  • 出资比例为0
  • 实收资本何时入账
  • 原始凭证在账务处理程序中的作用
  • 金税盘锁死日期哪里看
  • 年度奖金个税计算器
  • 政府补助分类有几种
  • 取得税务师证书申请社保补贴
  • 幼儿园会计做账流程
  • 公司对于子公司的股权投资
  • 长期股权投资中同一控制和非同一控制的区别
  • 建筑施工企业适用什么会计制度
  • 拆迁补偿款收税吗
  • 高新技术企业外债便利化额度试点重庆
  • 增值税普通发票有什么用
  • 产品生产完工入库
  • 会计月末都需要做什么
  • 给外国公司开发票有什么涉税风险
  • 企业固定资产内部控制风险防范体系的构建原则
  • 排污费征收范围包括
  • 房租增值税专用发票几个点
  • 营改增后工程项目计价规则也随之发生了改变对还是错
  • putty如何登录linux
  • win8的应用商店
  • win7旗舰版开机
  • WIN7系统电脑对话框跟鼠标走怎样设置
  • win7系统怎样
  • win8.1系统激活
  • win10电脑补丁 kb5000802
  • 安卓专业图片处理软件
  • bat命令详解
  • replace函数怎么替换
  • Setver、Share、Subst命令的使用方法
  • 游戏开发主要学什么
  • opengl gpu编程
  • 使用node.js实现用IP地址查询天气情况
  • js 图片压缩库
  • 木瓜电子
  • js debounce实现
  • jquery技巧
  • 基于unity的游戏开发
  • 税务部门督查内审部门监督检查的内容
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设