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


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


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

相关文章
|
1月前
|
XML 缓存 JSON
为什么浏览器中有些图片、PDF等文件点击后有些是预览,有些是下载
为什么浏览器中有些图片、PDF等文件点击后有些是预览,有些是下载
124 0
|
4天前
|
机器学习/深度学习 算法
概率分布深度解析:PMF、PDF和CDF的技术指南
本文将深入探讨概率分布,详细阐述概率质量函数(PMF)、概率密度函数(PDF)和累积分布函数(CDF)这些核心概念,并通过实际示例进行说明。
33 15
概率分布深度解析:PMF、PDF和CDF的技术指南
|
23天前
|
移动开发 资源调度 JavaScript
Vue移动端网页(H5)预览pdf文件(pdfh5和vue-pdf)
这篇文章介绍了在Vue移动端网页中使用`pdfh5`和`vue-pdf`两个插件来实现PDF文件的预览,包括滚动查看、缩放、添加水印、分页加载、跳转指定页数等功能。
Vue移动端网页(H5)预览pdf文件(pdfh5和vue-pdf)
|
1月前
|
JSON JavaScript 数据格式
打印插件 hiprint 使用、回单打印PDF保存本地、将列表数据打印成pdf文件保存到本地
这篇文章介绍了如何使用hiprint打印插件将列表数据打印成PDF文件并保存到本地,包括插件的配置、依赖安装、项目代码案例以及如何预览和打印数据。
打印插件 hiprint 使用、回单打印PDF保存本地、将列表数据打印成pdf文件保存到本地
|
21天前
|
C# 开发者 Windows
WPF与PDF文档:解锁创建和编辑PDF文件的新技能——从环境配置到代码实践,手把手教你如何在WPF应用中高效处理PDF,提升文档管理效率
【8月更文挑战第31天】随着数字文档的普及,PDF因跨平台兼容性和高保真度成为重要格式。WPF虽不直接支持PDF处理,但借助第三方库(如iTextSharp)可在WPF应用中实现PDF的创建与编辑。本文通过具体案例和示例代码,详细介绍了如何在WPF中集成PDF库,并展示了从设计用户界面到实现PDF创建与编辑的完整流程。不仅包括创建新文档的基本步骤,还涉及在现有PDF中添加页眉页脚等高级功能。通过这些示例,WPF开发者可以更好地掌握PDF处理技术,提升应用程序的功能性和实用性。
36 0
|
1月前
|
Java
JAVA PDF 截取N页,生成新文件,转图片,多个PDF 合并
JAVA PDF 截取N页,生成新文件,转图片,多个PDF 合并
66 0
|
3月前
|
IDE Java 编译器
使用Java分割PDF文件
使用Java分割PDF文件
|
1月前
|
Linux Python Windows
Python PDF文件转Word格式,只需要3秒(附打包)
Python PDF文件转Word格式,只需要3秒(附打包)
54 3
Python PDF文件转Word格式,只需要3秒(附打包)
|
1月前
|
Python
Python——批量将PDF文件转为图片
Python——批量将PDF文件转为图片
29 2
|
1月前
|
Python
Python——将PPT和Word转为PDF文件
Python——将PPT和Word转为PDF文件
36 1