【UE4】在控件蓝图上播放视频

UE版本:4.26

在上一篇文章中(【UE】场景内播放视频、音频)介绍了如何在场景中播放视频,本篇文章将介绍如何在UI上播放视频

效果

步骤

1. 首先在“Content”文件夹中新建一个名为“Movies”的文件夹

【UE4】在控件蓝图上播放视频_第1张图片

2. 在文件夹中随便添加一个.mp4格式的视频

【UE4】在控件蓝图上播放视频_第2张图片

3. 新建一个“文件媒体源”

【UE4】在控件蓝图上播放视频_第3张图片 

 这里命名为“MyFileMediaSource”

【UE4】在控件蓝图上播放视频_第4张图片

 打开“MyFileMediaSource”,选择那个.mp4文件在硬盘上的路径

【UE4】在控件蓝图上播放视频_第5张图片【UE4】在控件蓝图上播放视频_第6张图片

4. 再新建一个媒体播放器

【UE4】在控件蓝图上播放视频_第7张图片

勾选如下内容

【UE4】在控件蓝图上播放视频_第8张图片

 此时可以看到创建了如下两个资产,一个是媒体播放器,另一个是媒体纹理,这里分别命名为“MyMediaPlayer”、“MyMediaPlayer_Video”

【UE4】在控件蓝图上播放视频_第9张图片

 打开“MyMediaPlayer”,双击“MyFileMediaSource”来查看是否能够播放该视频源

【UE4】在控件蓝图上播放视频_第10张图片

5. 新建一个控件蓝图,这里命名为“WBP_moive”

【UE4】在控件蓝图上播放视频_第11张图片

打开“WBP_moive”,添加一个图像控件

【UE4】在控件蓝图上播放视频_第12张图片

 6. 对媒体纹理“MyMediaPlayer_Video”创建一个材质

【UE4】在控件蓝图上播放视频_第13张图片

 打开这个材质,材质域选择用户界面

【UE4】在控件蓝图上播放视频_第14张图片

7. 将材质给到图像控件

【UE4】在控件蓝图上播放视频_第15张图片

在控件蓝图的设计器中新建一个变量,命名为“MediaPlayer”

【UE4】在控件蓝图上播放视频_第16张图片

变量类型为媒体播放器的对象引用,默认值设置为媒体播放器“MyMediaPlayer”

【UE4】在控件蓝图上播放视频_第17张图片

 在事件图表中添加如下节点

【UE4】在控件蓝图上播放视频_第18张图片

8. 在关卡蓝图中显示该控件

【UE4】在控件蓝图上播放视频_第19张图片

 运行效果如文章开头所示。 

参考文章:

https://blog.csdn.net/Highning0007/article/details/125879069 

你可能感兴趣的:(虚幻4,ue4)