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

扫一扫,访问微社区

教程分享

关注:769

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

查看: 778|回复: 15

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

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

12

主题

125

帖子

1128

积分

Rank: 6Rank: 6Rank: 6

UID
172953
好友
1
蛮牛币
3154
威望
0
注册时间
2017-2-15
在线时间
379 小时
最后登录
2018-6-21

迈向小康

发表于 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蛮牛粉丝
1128/1500
排名
2154
昨日变化
9

12

主题

125

帖子

1128

积分

Rank: 6Rank: 6Rank: 6

UID
172953
好友
1
蛮牛币
3154
威望
0
注册时间
2017-2-15
在线时间
379 小时
最后登录
2018-6-21

迈向小康

 楼主| 发表于 2018-6-3 11:37:54 | 显示全部楼层
用的Unity2017.4.1版本

回复 支持 反对

使用道具 举报

6蛮牛粉丝
1398/1500
排名
32057
昨日变化
20

3

主题

712

帖子

1398

积分

Rank: 6Rank: 6Rank: 6

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

回复 支持 反对

使用道具 举报

6蛮牛粉丝
1486/1500
排名
3528
昨日变化
14

3

主题

838

帖子

1486

积分

Rank: 6Rank: 6Rank: 6

UID
246489
好友
0
蛮牛币
2487
威望
0
注册时间
2017-9-28
在线时间
271 小时
最后登录
2018-6-21

活力之星迈向小康

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

回复 支持 反对

使用道具 举报

6蛮牛粉丝
1136/1500
排名
13306
昨日变化
227

8

主题

773

帖子

1136

积分

Rank: 6Rank: 6Rank: 6

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

回复 支持 反对

使用道具 举报

4四处流浪
343/500
排名
9726
昨日变化
104

0

主题

173

帖子

343

积分

Rank: 4

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

回复

使用道具 举报

3偶尔光临
166/300
排名
12421
昨日变化
5

0

主题

74

帖子

166

积分

Rank: 3Rank: 3Rank: 3

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

回复

使用道具 举报

3偶尔光临
199/300
排名
13306
昨日变化
227

0

主题

107

帖子

199

积分

Rank: 3Rank: 3Rank: 3

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

回复 支持 反对

使用道具 举报

排名
667
昨日变化
1

229

主题

1万

帖子

1万

积分

Rank: 12Rank: 12Rank: 12

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

回复

使用道具 举报

排名
667
昨日变化
1

229

主题

1万

帖子

1万

积分

Rank: 12Rank: 12Rank: 12

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

回复

使用道具 举报

4四处流浪
405/500
排名
16813
昨日变化
6

1

主题

161

帖子

405

积分

Rank: 4

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

回复

使用道具 举报

7日久生情
2918/5000
排名
2659
昨日变化
10

0

主题

2024

帖子

2918

积分

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

UID
219676
好友
0
蛮牛币
2430
威望
0
注册时间
2017-7-12
在线时间
409 小时
最后登录
2018-6-21

活力之星

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

回复

使用道具 举报

3偶尔光临
279/300
排名
12216
昨日变化
7

0

主题

174

帖子

279

积分

Rank: 3Rank: 3Rank: 3

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

回复 支持 反对

使用道具 举报

5熟悉之中
987/1000
排名
2545
昨日变化
10

0

主题

243

帖子

987

积分

Rank: 5Rank: 5

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

回复

使用道具 举报

3偶尔光临
169/300
排名
11479
昨日变化
193

0

主题

50

帖子

169

积分

Rank: 3Rank: 3Rank: 3

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

回复 支持 反对

使用道具 举报

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

本版积分规则

关闭

站长推荐 上一条 /1 下一条

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