最近，随着firefox x64的升级，出现flash插件完全被禁止的现象，html5替换是大势所趋，原来我们在云平台中有多处使用flash的地方，比如OFFICE预览，视频播放，游戏等，现对于OFFICE预览和视频预览做出如下技术方案，供大家探讨：

1、对于office，我的意见是使用pdf，即office通过c#+office api转成pdf,然后在前端使用pdf.js进行预览，此处比较清晰，请前端组自行研究解决办法，并在项目中应用。使用后swf方式将废弃。

2、HTML5里的视频video标签如果要覆盖主流的浏览器的话，至少要包含webm、ogg和mp4三种视频格式，这是最终的调研结果，放弃原来的m3u8解决方案，在PC上播放时采用如下代码：

<head>

    <title>Video.js | HTML5 Video Player</title>

    <link href="./js/video-js.css" rel="stylesheet">

    <script src="./js/videojs-ie8.min.js"></script>

    <script src="./js/video.js"></script>

</head>

<body>

  <video id="example_video_1" class="video-js vjs-default-skin" controls preload="none" width="" height="" poster="./js/oceans.png" data-setup="{}">

    <source src="http://dsideal-yy.oss-cn-qingdao.aliyuncs.com/down/Material/5B/5B1AB0CC-8388-4D09-BC5F-EF4FF3FBDCCF.mp4" type="video/mp4">

    <source src="http://dsideal-yy.oss-cn-qingdao.aliyuncs.com/down/Material/5B/5B1AB0CC-8388-4D09-BC5F-EF4FF3FBDCCF.webm" type="video/webm">

    <source src="http://dsideal-yy.oss-cn-qingdao.aliyuncs.com/down/Material/5B/5B1AB0CC-8388-4D09-BC5F-EF4FF3FBDCCF.ogg" type="video/ogg">

    <track kind="captions" src="../shared/example-captions.vtt" srclang="en" label="English"></track>

    <!-- Tracks need an ending tag thanks to IE9 -->

    <track kind="subtitles" src="../shared/example-captions.vtt" srclang="en" label="English"></track>

    <!-- Tracks need an ending tag thanks to IE9 -->

    <p class="vjs-no-js">To view this video please enable JavaScript, and consider upgrading to a web browser that <a href="http://videojs.com/html5-video-support/" target="_blank">supports HTML5 video</a></p>

  </video>

</body>

完整源码见附件。 链接：http://pan.baidu.com/s/1jI7WIe6 密码：vi2u

代价：原来一个18,830KB的MP4文件，需要转换成 34,347KB的ogg文件和一个47,837KB的webm文件，体积增加了三倍！！意味着时间更长，磁盘占用更多。

请手机组和前端组分别测试三面的三种格式，是不是能满足手机和PC上不同浏览器的播放，重点要看视频的分辨率和是不是有声音等细节。

关于云平台中OFFICE预览与视频预览的解决办法的更多相关文章

  1. EasyDarwin开源流媒体云平台中boost Base64编解码后与源长度不匹配的bug

    本文转自EasyDarwin团队Alex的博客:http://blog.csdn.net/cai6811376 EasyDarwin云平台中部分协议使用了Base64编码昨晚报文通信的载体.比如在对摄 ...

  2. 使用Microsoft Azure云平台中的Service Bus 中继 Intanet环境下的WCF服务。

    之前写的一篇文章:) 看起来好亲切. http://www.cnblogs.com/developersupport/archive/2013/05/23/WCF-ON-IIS-Azure-Servi ...

  3. window2008 64位系统无法调用Microsoft.Office.Interop组件进行文件另存的解决办法

    生成execl时遇到的问题: 检索 COM 类工厂中 CLSID 为 {00024500-0000-0000-C000-000000000046} 的组件时失败,原因是出现以下错误: 80070005 ...

  4. 阿里云提示WordPress“/wp-includes/http.php输入IP验证不当”的解决办法

    本文转自:https://www.liuzhishi.com/2931.html 标题: wordpress IP验证不当漏洞 简介: wordpress /wp-includes/http.php文 ...

  5. 使用sourceTree向码云提交代码时 push 错误 （或认证失败）解决办法

     如果出现push不进去或者使用命令push认证失败时,很可能是你密码有误或者用户冲突,解决办法如下: 1.进入目录,找到文件后先备份一下 注意:appData可能隐藏了,若是隐藏,先让其显示  2. ...

  6. Discuz! X3.1云平台QQ互联的Unknown column 'conuintoken' in 'field list' 解决办法

    http://www.discuz.net/thread-3482497-1-1.html 由于程序安装默认数据表的结构和QQ互联数据表结构不同,安装Discuz! X3.1和升级Discuz! X3 ...

  7. TP5验证码上传阿里云万网虚拟主机后，验证码不显示的解决办法

    TP5不显示验证码 清除缓冲区就应该可以了,今天我刚好也遇到了,解决的办法是在vendor/topthink/think-captcha/CaptchaController.php中加上这个ob_cl ...

  8. 在飞儿云主机里使用酷Q时遇到相关问题的解决办法

    情况1:酷Q Air版本可以使用,而Pro版本无法运行 解决方法如下: p.p1 { margin: 0; font: 13px "Helvetica Neue"; color: ...

  9. Windows 10 技术预览版9926 “未知源”引起系统休眠后自启的解决办法

    问题的由来: 自从安装上了最新发布的Windows 10 ,使用起来有诸多的改进:无论是重绘的图标还是通知消息中心的整合还是更智能的OneDrive客户端都使得工作起来非常愉悦. 不过笔者这两天频繁遇 ...

随机推荐

  1. 使用openssl进行文件加密

    #include <iostream> #include <string> #include <stdlib.h> using namespace std; int ...

  2. springboot初学

    首先苦于用ssh.ssm来搭建一个项目,这个基础搭建工作就大概要用半天的功夫才能弄好,想到就头疼,后面听了实验室一位大神的建议,用springboot啊,简单的不止一点点.就顺便学习了下这个神器,果然 ...

  3. HDU1260DP

    Tickets Time Limit: 2000/1000 MS (Java/Others)    Memory Limit: 65536/32768 K (Java/Others)Total Sub ...

  4. hibernate 如何配置两个属性唯一

    在单一字段的唯一性约束时,我们可以在映射文件里配置property属性的unique="true"来达到目的,但多字段的唯一性约束怎样处理呢?如 果使用复合主键可以很简单地解决这个 ...

  5. python 面试题（1）

    好用简洁的大数据技术:python.hadoop.R 慢慢学习,随时分享 1.什么是Python?使用Python有什么好处? Python是一种编程语言,它有对象.模块.线程.异常处理和自动内存管理 ...

  6. 51Nod 1024 矩阵中不重复的元素 | 技巧 数学

    first try: set<LL> sset; int main() { LL m,n,a,b; while(~scanf("%lld%lld%lld%lld",&a ...

  7. 【bzoj3362-导航难题】带权并查集

    题意: 约翰所在的乡村可以看做一个二维平面,其中有N 座牧场,每座牧场都有自己的坐标,编号为1到N.牧场间存在一些道路,每条道路道路连接两个不同的牧场,方向必定平行于X 轴或Y轴.连通两座牧场之间的路 ...

  8. 【洛谷 P3194】 [HNOI2008]水平可见直线 （单调栈）

    题目链接 把线段以斜率为第一关键字,截距为第二关键字升序排序. 然后维护一个单调栈,保证栈中两两线段的交点的\(x\)坐标单调上升就行了.栈中的线段即为所求. #include <cstdio& ...

  9. vue 点击选中改变样式

    data里isActive:-1,method里 checkedItem(index){ this.isActive=index;},页面里 <div v-for="(item,ind ...

  10. bzoj 3207 可持久化线段树

    首先因为固定询问长度,所以我们可以将整个长度为n的数列hash成长度为n-k+1的数列,每次询问的序列也hash成一个数,然后询问这个数是不是在某个区间中出现过,这样我们可以根据初始数列的权值建立可持 ...