上传并实现在线播放视频

song_ning_ning

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

以播放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.在w文件的附件组件的onBrowseDocClick事件中写代码播放视频
使用 justep.Doc.getdocServerAction方法，获得点击的文件的url，将url赋值给播放器组件

1. mainActivity.attachmentEditor21BrowseDocClick = function(event){
   
2.                 var url = justep.Doc.getdocServerAction(event.source.rootPath, "/repository/file/view/" + event.data.fileID + "/last/content");
   
3.         var lwPlayer = document.getElementById('lwPlayer');
   
4.         lwPlayer.style.display = 'block';
   
5.         lwPlayer.URL = url;
   
6.         lwPlayer.Controls.play();
   
7. };

复制代码