本文简述在如何在Smobiler中使用MediaView。
Step 1. 新建一个SmobilerForm窗体,再拖入MediaView,MediaView.Size设置(300,225),布局如下
在设计器中给MediaView.Url赋值或者在窗体的Load事件中赋值
播放本地视频可以通过GetResourceURL方法获取本地文件URL后再赋值
/// 获取Resource\Image\001.mp4 的url
mediaView1.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)
{
//单位s
mediaView1.Seek(10);
}
Step 2. 运行服务端后,手机上安装官网的调试工具进行测试,效果如下
若是使用云平台上自行打包的客户端, 需要添加相应插件后再打包客户端。
补充
1.若是需要web版中也能播放视频,在设计器右下角点击Setting,设置WebPlayer为true
2.MediaView目前没有全屏功能,可以在界面上放置一个按钮,然后点击按钮跳转新窗体,新窗体Layout设置Relative,Orientation设置Landscape,然后放一个MediadView,MediaView.Flex=1,SizeMode设置Stretch,并设置好Url。
新窗体布局
窗体属性设置
MediaView属性
效果