游戏蛮牛学习群(纯技术交流,不闲聊):159852603
游戏蛮牛 手机端
开启辅助访问
 找回密码
 注册帐号

扫一扫,访问微社区

教程分享

关注:791

当前位置:游戏蛮牛 技术专区 教程分享

查看: 2600|回复: 27

[自学总结] Unity播放透明视频的三种方式

[复制链接]  [移动端链接]
6蛮牛粉丝
1400/1500
排名
1681
昨日变化

16

主题

140

帖子

1400

积分

Rank: 6Rank: 6Rank: 6

UID
172953
好友
1
蛮牛币
3592
威望
0
注册时间
2017-2-15
在线时间
476 小时
最后登录
2018-10-12
发表于 2018-6-3 11:31:32 | 显示全部楼层 |阅读模式

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

您需要 登录 才可以下载或查看,没有帐号?注册帐号

x
Unity支持播放众多格式视频,在这就不一一列举了,接下来说下如何播放透明视频,通过查阅资料与请教高手,总结了几种方式,与大家记录分享一下。
首先想到的是直接将视频拖入面板,Unity自动添加VedioPlayer组件


播放一下,确实能实现效果,但是却出现一个问题,虽然可以调该物体Scale,但是并不能实现改变其大小
效果如下图:
2.png 11.gif


那么,如何播放透明视频,且可以自由控制呢?接下来进入正题。

要播放透明视频,首先视频具有alpha通道。

1,第一种方式:通过Plane+shader
先创建一个Plane,把视频拖到Plane上面,通过控制Plane来控制视频的大小,但是却发现视频周边是黑色的,播放看看效果:
22.gif



我们可以使用一个shader,剔除黑色

shader代码如下:
[C#] 纯文本查看 复制代码
Shader "Custom/Example"  
{  
    Properties  
    {  
        _Color ("Color", Color) = (1,1,1,1)  
        //_MainTex ("Albedo (RGB)", 2D) = "white" {}  
        _AlphaVideo ("Alpha Video(R)", 2D) = "white" {}  
        _Glossiness ("Smoothness", Range(0,1)) = 0.5  
        _Metallic ("Metallic", Range(0,1)) = 0.0  
    }  
    SubShader  
    {  
    Tags { "Queue"="Transparent" "RenderType"="Transparent" }  
        LOD 200  
         
        CGPROGRAM  
        // Physically based Standard lighting model, and enable shadows on all light types  
        #pragma surface surf Standard alpha  
   
        // Use shader model 3.0 target, to get nicer looking lighting  
        #pragma target 3.0  
   
        sampler2D _MainTex;  
        sampler2D _AlphaVideo;  
   
        struct Input {  
            float2 uv_MainTex;  
            float2 uv_AlphaVideo;  
        };  
   
        half _Glossiness;  
        half _Metallic;  
        fixed4 _Color;  
   
        void surf (Input IN, inout SurfaceOutputStandard o) {  
            // Albedo comes from a texture tinted by color  
            fixed4 c = tex2D (_MainTex, IN.uv_MainTex) * _Color;  
            fixed4 _alpha = tex2D (_AlphaVideo, IN.uv_AlphaVideo);  
            o.Albedo = c.rgb;  
            // Metallic and smoothness come from slider variables  
            o.Metallic = _Metallic;  
            o.Smoothness = _Glossiness;  
            o.Alpha = _alpha.r;  
             
        }  
        ENDCG  
    }  
    FallBack "Diffuse"  
}  




再添加一个播放视频的脚本:
[C#] 纯文本查看 复制代码
 public MovieTexture moveTexture;
    // Use this for initialization
    void Start () {
        GetComponent<Renderer>().material.mainTexture = moveTexture;
        moveTexture.loop = true;
        moveTexture.Play();
    }
	
	// Update is called once per frame
	void Update () {
		
	}



效果图如下:
5.png 33.gif


总结: 这种方式需要视频格式为MOV、MP4等,视频的Importer Version改为 MovieTexTure。但是,使用MovieTexture播放视频的话,不能导入移动端,至于什么原因,呵呵,这个,在下也不知道啊。

2,第二种方式:Plane+使用Unity自带的shader,如下图

视频格式为:webm

添加组件:Vedio Player

效果图如下:
6.png


总结:这种方式比较简单,也可自由控制大小,但是有时会出现视频微卡现象。

3,第三种方式:通过UI:RawImage +Vedio Player

视频格式:webm

添加UI:RawImage

添加组件:Vedio Player

Project面板添加:Render Texture

Render Texture的size参数改为视频的长度和宽度,如下图:
8.png



Render Texture拖入RawImage 和 Vedio Player,播放,效果图如下:
9.png


总结:这种方式也挺简单,效果也不错。

到此就结束了,以上为播放透明视频的三种方式,根据个人喜好自行选择吧,鄙人学习Unity也是纯属瞎摸索,有错误之处,还望众位大神不吝指出。

4.png
7.png

评分

参与人数 2鲜花 +10 收起 理由
狼之独步 + 5 很给力!
lilexy + 5 矮油,不错

查看全部评分


回复

使用道具 举报

6蛮牛粉丝
1400/1500
排名
1681
昨日变化

16

主题

140

帖子

1400

积分

Rank: 6Rank: 6Rank: 6

UID
172953
好友
1
蛮牛币
3592
威望
0
注册时间
2017-2-15
在线时间
476 小时
最后登录
2018-10-12
 楼主| 发表于 2018-6-3 11:37:54 | 显示全部楼层
用的Unity2017.4.1版本

回复 支持 反对

使用道具 举报

7日久生情
1599/5000
排名
18492
昨日变化
6

4

主题

759

帖子

1599

积分

Rank: 7Rank: 7Rank: 7Rank: 7

UID
63377
好友
0
蛮牛币
65
威望
0
注册时间
2014-12-24
在线时间
810 小时
最后登录
2018-10-19
发表于 2018-6-3 13:37:49 | 显示全部楼层
很不错哦水电费哈尔而

回复 支持 反对

使用道具 举报

7日久生情
1631/5000
排名
3077
昨日变化

3

主题

867

帖子

1631

积分

Rank: 7Rank: 7Rank: 7Rank: 7

UID
246489
好友
1
蛮牛币
2708
威望
0
注册时间
2017-9-28
在线时间
311 小时
最后登录
2018-10-11

活力之星

发表于 2018-6-3 16:37:45 | 显示全部楼层
前两种没试过,第3种很好用,也是比较常用的方法

回复 支持 反对

使用道具 举报

7日久生情
1979/5000
排名
5738
昨日变化

12

主题

1264

帖子

1979

积分

Rank: 7Rank: 7Rank: 7Rank: 7

UID
173503
好友
3
蛮牛币
846
威望
0
注册时间
2016-10-5
在线时间
475 小时
最后登录
2018-10-19
发表于 2018-6-3 19:09:35 | 显示全部楼层
不懂  不会!!!!

回复 支持 反对

使用道具 举报

5熟悉之中
887/1000
排名
4102
昨日变化
22

0

主题

245

帖子

887

积分

Rank: 5Rank: 5

UID
279508
好友
0
蛮牛币
1497
威望
0
注册时间
2018-5-2
在线时间
306 小时
最后登录
2018-10-19
发表于 2018-6-4 08:51:49 | 显示全部楼层
感谢分享

回复

使用道具 举报

3偶尔光临
174/300
排名
12333
昨日变化
11

0

主题

73

帖子

174

积分

Rank: 3Rank: 3Rank: 3

UID
278978
好友
0
蛮牛币
83
威望
0
注册时间
2018-4-26
在线时间
31 小时
最后登录
2018-7-17
发表于 2018-6-4 09:11:22 | 显示全部楼层
好评~感谢!

回复

使用道具 举报

3偶尔光临
231/300
排名
11926
昨日变化
7

0

主题

112

帖子

231

积分

Rank: 3Rank: 3Rank: 3

UID
151625
好友
0
蛮牛币
21
威望
0
注册时间
2016-6-12
在线时间
45 小时
最后登录
2018-9-14
发表于 2018-6-4 09:56:05 | 显示全部楼层
好流弊呀   如果是负载的视频
[发帖际遇]: 一个袋子砸在了 18120149281 头上,18120149281 赚了 1 蛮牛币. 幸运榜 / 衰神榜

回复 支持 反对

使用道具 举报

排名
546
昨日变化
2

231

主题

1万

帖子

1万

积分

Rank: 12Rank: 12Rank: 12

UID
78862
好友
14
蛮牛币
21336
威望
0
注册时间
2015-3-11
在线时间
2949 小时
最后登录
2018-10-18
QQ
发表于 2018-6-4 16:48:32 | 显示全部楼层
感谢分享啦

回复

使用道具 举报

排名
546
昨日变化
2

231

主题

1万

帖子

1万

积分

Rank: 12Rank: 12Rank: 12

UID
78862
好友
14
蛮牛币
21336
威望
0
注册时间
2015-3-11
在线时间
2949 小时
最后登录
2018-10-18
QQ
发表于 2018-6-4 16:48:35 | 显示全部楼层
感谢分享啦
[发帖际遇]: lilexy 乐于助人,奖励 2 蛮牛币. 幸运榜 / 衰神榜

回复

使用道具 举报

4四处流浪
460/500
排名
17480
昨日变化
8

1

主题

177

帖子

460

积分

Rank: 4

UID
213085
好友
4
蛮牛币
302
威望
0
注册时间
2017-3-20
在线时间
248 小时
最后登录
2018-10-10
发表于 2018-6-4 18:49:58 | 显示全部楼层
[发帖际遇]: 792747481 乐于助人,奖励 1 蛮牛币. 幸运榜 / 衰神榜

回复

使用道具 举报

7日久生情
3301/5000
排名
1941
昨日变化
7

0

主题

2122

帖子

3301

积分

Rank: 7Rank: 7Rank: 7Rank: 7

UID
219676
好友
1
蛮牛币
2410
威望
0
注册时间
2017-7-12
在线时间
513 小时
最后登录
2018-10-19

活力之星

发表于 2018-6-5 10:29:17 | 显示全部楼层
谢谢分享

回复

使用道具 举报

4四处流浪
321/500
排名
11302
昨日变化
5

0

主题

194

帖子

321

积分

Rank: 4

UID
251531
好友
0
蛮牛币
442
威望
0
注册时间
2017-10-30
在线时间
47 小时
最后登录
2018-8-16
发表于 2018-6-5 11:31:35 | 显示全部楼层
666666666666666666666666666

回复 支持 反对

使用道具 举报

6蛮牛粉丝
1171/1500
排名
2106
昨日变化
1

1

主题

257

帖子

1171

积分

Rank: 6Rank: 6Rank: 6

UID
147717
好友
0
蛮牛币
1576
威望
0
注册时间
2016-5-5
在线时间
293 小时
最后登录
2018-10-17
发表于 2018-6-5 15:23:13 | 显示全部楼层
6666666666666

回复

使用道具 举报

4四处流浪
424/500
排名
5665
昨日变化
44

0

主题

72

帖子

424

积分

Rank: 4

UID
71644
好友
0
蛮牛币
682
威望
0
注册时间
2015-1-28
在线时间
120 小时
最后登录
2018-10-19
发表于 2018-6-8 09:07:24 | 显示全部楼层
牛啊6666666666666666666666666

回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 注册帐号

本版积分规则

快速回复 返回顶部 返回列表