本文简述如何在Smobiler中使用MediaView。
Step 1. 新建一个SmobilerForm窗体,再拖入MediaView,MediaView.Size设置(300,225),布局如下

在设计器中给MediaView.Url赋值或者在窗体的Load事件中赋值

播放本地视频可以通过GetResourceURL方法获取本地文件URL后再赋值
/// 获取Resource\Image\001.mp4 的urlmediaView1.Url = MobileResourceManager.GetResourceURL(this.Client.SessionID, "001.mp4", MobileResourceManager.DefaultImagePath);
当视频比较大时可以设置ResourceDownload属性为True,该属性为True时,在视频下载完成后播放。

在设计器选中MediaView,添加StateChanged事件,该事件在视频状态改变时触发

private void mediaView1_StateChanged(object sender, MediaViewStateChangedEventArgs e){Toast("状态:"+e.State.ToString()+"时间点:"+e.Time.ToString());}
MediaView 可以通过Pause方法播放或暂停视频,Seek方法跳转到指定时间点。再窗体中增加两个按钮,如下

bool flag;private void button1_Press_2(object sender, EventArgs e){mediaView1.Pause(flag);flag = !flag;}private void button2_Press_2(object sender, EventArgs e){//单位smediaView1.Seek(10);}
Step 2. 运行服务端后,手机上安装官网的调试工具进行测试,效果如下
若是使用云平台上自行打包的客户端, 需要添加相应插件后再打包客户端。

补充
1.若是需要web版中也能播放视频,在设计器右下角点击Setting,设置WebPlayer为true

2.MediaView目前没有全屏功能,可以在界面上放置一个按钮,然后点击按钮跳转新窗体,新窗体Layout设置Relative,Orientation设置Landscape,然后放一个MediadView,MediaView.Flex=1,SizeMode设置Stretch,并设置好Url。
新窗体布局

窗体属性设置

MediaView属性

效果















