起步软件技术论坛
搜索
 找回密码
 注册

QQ登录

只需一步,快速开始

查看: 6334|回复: 7

上传并播放视频文件

  [复制链接]

88

主题

9469

帖子

5061

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
5061
QQ
发表于 2013-3-12 10:02:21 | 显示全部楼层 |阅读模式
1、使用附件组件上传视频文件
2、单击附件组件中的视频文件,播放视频

88

主题

9469

帖子

5061

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
5061
QQ
 楼主| 发表于 2013-3-12 10:07:22 | 显示全部楼层

以播放wmv文件为例介绍实现方法

1、在w文件中放附件组件
放attachmentEditor组件,并设置相关属性,配置文档关联

2、在w文件中放播放器组件
在UI设计器的合适位置放div,右键点div,选择查看源码
      <xhtml:div id="div1" style="position:absolute;width:445px;height:281px;top:172px;left:30px;" class="xui-container">
      </xhtml:div>
将播放器组件的代码复制到xhtml:div节点中,如下
  1.   <xhtml:div id="div1" style="position:absolute;width:445px;height:281px;top:172px;left:30px;" class="xui-container">
  2.        <OBJECT id="lwPlayer" height="250" width="350" classid="clsid:6BF52A52-394A-11D3-B153-00C04F79FAA6">
  3.             <PARAM NAME="URL" VALUE="音视频绝对地址"/>  
  4.             <PARAM NAME="rate" VALUE="1"/>  
  5.             <PARAM NAME="balance" VALUE="0"/>  
  6.             <PARAM NAME="currentPosition" VALUE="0"/>  
  7.             <PARAM NAME="defaultFrame" VALUE=""/>  
  8.             <PARAM NAME="playCount" VALUE="1"/>  
  9.             <PARAM NAME="autoStart" VALUE="-1"/>  
  10.             <PARAM NAME="currentMarker" VALUE="0"/>  
  11.             <PARAM NAME="invokeURLs" VALUE="-1"/>  
  12.             <PARAM NAME="baseURL" VALUE=""/>  
  13.             <PARAM NAME="volume" VALUE="78"/>  
  14.             <PARAM NAME="mute" VALUE="0"/>  
  15.             <PARAM NAME="uiMode" VALUE="full"/>  
  16.             <PARAM NAME="stretchToFit" VALUE="0"/>  
  17.             <PARAM NAME="windowlessVideo" VALUE="0"/>  
  18.             <PARAM NAME="enabled" VALUE="-1"/>  
  19.             <PARAM NAME="enableContextMenu" VALUE="-1"/>  
  20.             <PARAM NAME="fullScreen" VALUE="0"/>  
  21.             <PARAM NAME="SAMIStyle" VALUE=""/>  
  22.             <PARAM NAME="SAMILang" VALUE=""/>  
  23.             <PARAM NAME="SAMIFilename" VALUE=""/>  
  24.             <PARAM NAME="captioningID" VALUE=""/>  
  25.             <PARAM NAME="enableErrorDialogs" VALUE="0"/>  
  26.             <PARAM NAME="_cx" VALUE="8811"/>  
  27.             <PARAM NAME="_cy" VALUE="1217"/>
  28.        </OBJECT>
  29.   </xhtml:div>
复制代码
3、修改docUtil.js文件,支持播放视频
使用扩展空间修改/UI/system/service/doc/docUtil.js文件的两处
(1)增加可浏览文件的类型,例如增加wmv

var _read_file_type = ".doc,.docx,.xls,.xlsx,.ppt,.pptx,.mpp,.vsd,.txt,.text,.jsp,.java,.html ,.htm,.xml,.css,.rtf,.wml,.jpg,.jpeg,.jpe,.png,.gif,.tiff,.tif,.svg,.svgz,.svg,.pdf,.wrl,.smil,.js,.vbs,.rdf,.odt,.ott,.uof";
改为
var _read_file_type = ".wmv,.doc,.docx,.xls,.xlsx,.ppt,.pptx,.mpp,.vsd,.txt,.text,.jsp,.java,.html ,.htm,.xml,.css,.rtf,.wml,.jpg,.jpeg,.jpe,.png,.gif,.tiff,.tif,.svg,.svgz,.svg,.pdf,.wrl,.smil,.js,.vbs,.rdf,.odt,.ott,.uof";

(2)在browseDocByFileID 函数中,增加处理浏览视频文件的分支
  1.         browseDocByFileID : function(docPath, docName, fileID, versionID, partType, programID, isPrint){
  2.                 var versionID = versionID ? versionID : "last";
  3.                 var partType = partType ? partType : "content";
  4.                 if(!fileID){
  5.                      alert('文档不能浏览,数据未提交!');
  6.                      return;
  7.                 }
  8.                 var fileinfo = this.queryDocByFileId(docPath,fileID,docName,versionID);
  9.                 if ($.browser.msie && '.doc.docx.xls.xlsx.ppt.mpp.vsd.'.indexOf(String(/\.[^\.]+$/.exec(docName)) + '.') >= 0) {
  10.                         ......
  11.                 }
  12.                 else if ($.browser.msie && '.wmv.'.indexOf(String(/\.[^\.]+$/.exec(docName)) + '.') >= 0) {
  13.                         //这里是新增的
  14.                 }
  15.                 else if(_read_file_type &&_read_file_type.indexOf((String(/\.[^\.]+$/.exec(docName)).toLowerCase())) >= 0){
  16.                         ......
  17.                 }else{
  18.                         alert("浏览器不支持在线浏览此格式的文件");
  19.                 }               
  20.         },        
复制代码
4、在w文件的附件组件的onBrowseDocClick事件中写代码播放视频
使用 justep.Doc.getURLByFileID方法,获得点击的文件的url,将url赋值给播放器组件
  1. mainActivity.attachmentEditor1BrowseDocClick = function(event){
  2.         var url = justep.Doc.getURLByFileID(event.source.rootPath, event.data.fileID);
  3.         var lwPlayer = document.getElementById('lwPlayer');
  4.         lwPlayer.style.display = 'block';
  5.         lwPlayer.URL = url;
  6.         lwPlayer.Controls.play();
  7. };
复制代码
远程的联系方法 QQ 728094812。添加好友时,需要填写论坛账号
发远程时同时也发一下帖子的地址,方便了解要解决的问题

如按照该方法解决,请及时跟帖,便于版主结贴

377

主题

2593

帖子

5092

积分

论坛元老

Rank: 8Rank: 8

积分
5092
QQ
发表于 2015-12-15 08:28:22 | 显示全部楼层
好东西呀,帮顶
长春鱼熊企业管理咨询有限公司



X5开发出入库培训视频
(出处: 起步论坛)

3

主题

7

帖子

21

积分

新手上路

Rank: 1

积分
21
QQ
发表于 2016-6-21 14:38:04 | 显示全部楼层
zhaixin 发表于 2013-3-12 10:07
1、在w文件中放附件组件
放attachmentEditor组件,并设置相关属性,配置文档关联

楼主,有没有视频播放的源码啊,分享一下。qq:191678492

14

主题

30

帖子

74

积分

初级会员

Rank: 2

积分
74
QQ
发表于 2016-12-7 23:43:57 | 显示全部楼层
      <xhtml:div id="div1" style="position:absolute;width:445px;height:281px;top:172px;left:30px;" class="xui-container">
      </xhtml:div>

------------------
这一块加到代码中,立即报错。求解。

19

主题

64

帖子

110

积分

初级会员

Rank: 2

积分
110
QQ
发表于 2016-12-9 18:07:51 | 显示全部楼层
有没有源码。可以分享一下吗?QQ 350121768

0

主题

1

帖子

3

积分

新手上路

Rank: 1

积分
3
QQ
发表于 2017-1-23 14:00:54 | 显示全部楼层
求源码分享,QQ1043624777

584

主题

2412

帖子

4718

积分

论坛元老

Rank: 8Rank: 8

积分
4718
QQ
发表于 2017-4-3 17:34:14 | 显示全部楼层
WEX5初学者,欢迎初学者交流
QQ:597558229
tel:15857336322
点评回复

使用道具 举报

高级模式
B Color Image Link Quote Code Smilies

本版积分规则

小黑屋|手机版|X3技术论坛|Justep Inc.    

GMT+8, 2019-8-26 09:09 , Processed in 0.058623 second(s), 23 queries .

Powered by Discuz! X3.4

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表