必知的技术知识:JqueryMedia插件使用,解决在线预览及打开PDF文件

简介: 必知的技术知识:JqueryMedia插件使用,解决在线预览及打开PDF文件

用到过PDF的媛媛and猿猿们,总会发现这大千世界之万能播放器插件,总能少了对媒体控制的接口。


你总会发现PDF无法像img图片一样正常加载展现出来,那么我们在通用语法的基础上拓展出了适用于预览及打开的PDF插件便于开发应用。


最主要的是使用到了一个jquery的插件jquery.media.js,使用这个插件就很容易实现了。


该插件可以播放多种类型的多媒体文件包括:Flash, Quicktime, Windows Media Player, Real Player, MP3, Silverlight, PDF等,前提条件是客户端浏览器中装有相应的插件。


该插件主要是将标签转化为,同时生成适合不同类型多媒体文件播放的对象,起到解析翻译的过程,从而达到多媒体播放的效果。转化过程是在客户端浏览器中实现,所以打开网页到出现播放器之间存在时间差。


官方解释为:


PlayerFile Formats


Quicktime


aif,aiff,aac,au,bmp,gsm,mov,mid,midi,mpg,//代码效果参考:http://www.lyjsj.net.cn/wz/art_24047.html

mpeg,mp4,m4a,psd,qt,qtif,qif,qti,snd,tif,tiff,wav,3g2,3pg

Flash


flv, mp3, swf


Windows Media Player


asx, asf, avi, wma, wmv


Real Player


ra, ram, rm, rpm, rv, smi, smil


Silverlight


xaml


iframe


html, pdf


先附上官方网址(2选1):


查看预览:


首先是引入相应的js文件:


1


2



[/code>script type="text/javascript" src="jquery.media.js"

[/code>script type="text/javascript"

$(function() {


$('.media').media({width:800, height:600,autoplay: true,src=\'#\'" /script>



[/code>body

[/code>div class="media"

[/code>a href="opertaion.pdf" target="_blank"



然而,重点来了,这个插件的浏览器兼容性不是特别好,期望效果为适用于H5应用的浏览器版本,谷歌浏览器最佳,但对于现有大多数业务而言,足够应用的了。


更多语法请自行参考官方实例了!


我没有什么特别的才能,只不过是穷根究底的追究问题罢了。

相关文章
|
3天前
|
IDE Java 编译器
使用Java分割PDF文件
使用Java分割PDF文件
9 1
|
6天前
|
XML Java 数据格式
Java用xpdf库获取pdf文件的指定范围文本内容
Java用xpdf库获取pdf文件的指定范围文本内容
16 1
|
3天前
|
前端开发 JavaScript API
技术笔记:vue+pdfh5实现将pdf渲染到页面上
技术笔记:vue+pdfh5实现将pdf渲染到页面上
|
3天前
在线免费压缩pdf文件
在线免费压缩pdf文件
8 0
|
1月前
|
Web App开发 Windows
【Windows】 chrome 如何下载网站在线预览PDF文件,保存到本地
【Windows】 chrome 如何下载网站在线预览PDF文件,保存到本地
245 0
|
1月前
|
前端开发
开发过程中遇到过的docx、pptx、xlsx、pdf文件预览多种方式
开发过程中遇到过的docx、pptx、xlsx、pdf文件预览多种方式
46 0
|
1月前
|
JSON 关系型数据库 数据库
【python】Python将100个PDF文件对应的json文件存储到MySql数据库(源码)【独一无二】
【python】Python将100个PDF文件对应的json文件存储到MySql数据库(源码)【独一无二】
【python】Python将100个PDF文件对应的json文件存储到MySql数据库(源码)【独一无二】
|
1月前
|
JSON 关系型数据库 数据库
【python】Python将100个PDF文件对应的json文件存储到MySql数据库(源码)【独一无二】
【python】Python将100个PDF文件对应的json文件存储到MySql数据库(源码)【独一无二】
|
22天前
|
文字识别 开发工具 数据安全/隐私保护
印刷文字识别产品使用合集之可以识别一张电子发票有多页(多张图片,或者一个PDF文件)的这种发票吗
印刷文字识别产品,通常称为OCR(Optical Character Recognition)技术,是一种将图像中的印刷或手写文字转换为机器编码文本的过程。这项技术广泛应用于多个行业和场景中,显著提升文档处理、信息提取和数据录入的效率。以下是印刷文字识别产品的一些典型使用合集。
|
22天前
|
编解码 文字识别
印刷文字识别操作报错合集之在尝试将PDF文件转换为图片时出现了问题,具体的错误代码是415,该怎么处理
在使用印刷文字识别(OCR)服务时,可能会遇到各种错误。例如:1.Java异常、2.配置文件错误、3.服务未开通、4.HTTP错误码、5.权限问题(403 Forbidden)、6.调用拒绝(Refused)、7.智能纠错问题、8.图片质量或格式问题,以下是一些常见错误及其可能的原因和解决方案的合集。

热门文章

最新文章