上传并播放视频文件

zhaixin

1、使用附件组件上传视频文件
2、单击附件组件中的视频文件，播放视频

zhaixin

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. };

复制代码

Masion

好东西呀，帮顶

lx0134

zhaixin 发表于 2013-3-12 10:07
1、在w文件中放附件组件
放attachmentEditor组件，并设置相关属性，配置文档关联

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

shellMount

      <xhtml:div id="div1" style="position:absolute;width:445px;height:281px;top:172px;left:30px;" class="xui-container">
      </xhtml:div>

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

皮卡丘

有没有源码。可以分享一下吗？QQ 350121768

1043624777lsq

求源码分享，QQ1043624777

郭德成