必知的技术知识: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应用的浏览器版本,谷歌浏览器最佳,但对于现有大多数业务而言,足够应用的了。


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


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

相关文章
|
12天前
|
人工智能 文字识别 数据挖掘
MarkItDown:微软开源的多格式转Markdown工具,支持将PDF、Word、图像和音频等文件转换为Markdown格式
MarkItDown 是微软开源的多功能文档转换工具,支持将 PDF、PPT、Word、Excel、图像、音频等多种格式的文件转换为 Markdown 格式,具备 OCR 文字识别、语音转文字和元数据提取等功能。
82 9
MarkItDown:微软开源的多格式转Markdown工具,支持将PDF、Word、图像和音频等文件转换为Markdown格式
|
15天前
|
JavaScript
jquery图片和pdf文件预览插件
EZView.js是一款jquery图片和pdf文件预览插件。EZView.js可以为图片和pdf格式文件生成在线预览效果。支持的文件格式有pdf、jpg、 png、jpeg、gif。
45 16
|
2月前
|
Java Apache Maven
将word文档转换成pdf文件方法
在Java中,将Word文档转换为PDF文件可采用多种方法:1) 使用Apache POI和iText库,适合处理基本转换需求;2) Aspose.Words for Java,提供更高级的功能和性能;3) 利用LibreOffice命令行工具,适用于需要开源解决方案的场景。每种方法都有其适用范围,可根据具体需求选择。
|
2月前
|
Java Apache Maven
Java将word文档转换成pdf文件的方法?
【10月更文挑战第13天】Java将word文档转换成pdf文件的方法?
610 1
|
2月前
|
JavaScript 前端开发 容器
Vue生成PDF文件攻略:html2canvas与jspdf联手,中文乱码与自动换行难题攻克
Vue生成PDF文件攻略:html2canvas与jspdf联手,中文乱码与自动换行难题攻克
251 0
|
4月前
|
XML 缓存 JSON
为什么浏览器中有些图片、PDF等文件点击后有些是预览,有些是下载
为什么浏览器中有些图片、PDF等文件点击后有些是预览,有些是下载
298 0
|
2月前
|
索引 Python
PDF文件页面提取操作小指南
PDF文件页面提取操作小指南
102 4
|
2月前
|
Python
Python对PDF文件页面的旋转和切割
Python对PDF文件页面的旋转和切割
52 3
|
2月前
|
计算机视觉 Python
Python操作PDF文件
Python操作PDF文件
44 1
|
2月前
|
JSON 数据格式
LangChain-20 Document Loader 文件加载 加载MD DOCX EXCEL PPT PDF HTML JSON 等多种文件格式 后续可通过FAISS向量化 增强检索
LangChain-20 Document Loader 文件加载 加载MD DOCX EXCEL PPT PDF HTML JSON 等多种文件格式 后续可通过FAISS向量化 增强检索
147 2