https://medium.com/@pofu.lu/unity-transparent-video-%E7%94%A8-videoplayer-%E6%88%96-avpro-%E6%92%AD%E6%94%BE%E9%80%8F%E6%98%8E%E5%BD%B1%E7%89%87-83b4b6b4aefd

能翻墙的可以直接去看原文章


本篇教學會說明如何輸出可以用 AVPro 或 VideoPlayer 播放的透明影片。使用的 Unity 版本是 2018.2。

VideoPlayer 是 Unity 5.6 新增的功能,AVPro 是一個功能強大的付費 Plugin,兩者都可以播放透明影片,不過支援的格式並不一樣。

VideoPlayer 支援的影片檔案格式是 .webm,編碼格式是 VP8;而 AVPro 支援的則是 HAP,是為 macOS 設計的 VJ 影片編碼格式。

開始前,可以先用 Premiere 或是 Affect Effect 做有 Alpha 圖層的影片,這裡我是用 Affect Effect 製作。如果你想要這個影片的 Sample 的話,拉到本頁底下有提供 .mov(Animation) .webm(VP8) .mov(Hap Alpha) 三種格式的影片下載連結。

VideoPlayer — 支援 VP8 編碼格式

我們要用 Media Encoder 輸出 .webm 的影片,所以首先要安裝 WebM for Premiere,這是一個免費的 Premiere、Media Encoder Plugin ,在網頁右邊根據自己的作業系統下載即可。

安裝完之後就可以在 Media Encoder 裡看到 WebM 格式。

格式選擇 WebM

視訊 > Codec 選擇 VP8

把下方的 Include Alpha Channel 打勾

比較需要注意的是,如果要輸出包含聲音的影片,記得把聲音的編碼格式改成 Vorbis,如果沒有改的話在 Unity 裡會報錯顯示不支援 OPUS 聲音格式。

接著把輸出的影片丟到 Unity 裡面,從 Inspector 的預覽畫面應該就能看出影片是透明的。

Keep Alpha 其實不打勾也行...

直接把影片拖拉到 Hierarchy 上後會自動產生一個 VideoPlayer,指定 Camera 後直接執行,就能看到 Transparent Video 的效果了。

AVPro — 支援 HAP 編碼格式

首先要有 AVPro 這個插件。雖然在 AssetStore 上只有要價 450美金(!)的付費版,不過其實在官方網站底下可以下載免費試用版。

Adobe 系列目前似乎沒有直接輸出 HAP 格式的方式,所以要把影片輸出之後再做一次轉檔,有兩種轉檔方式:

  1. 下載 HAP 的 QuickTime Codec,透過 QuickTime Pro 的匯出功能,把影片另存成 HAP 編碼的格式。
  2. 用 ffmpeg 轉檔。

從 Affect Effect 輸出影片,在 Render Queue 設定格式選擇 QuickTime,Channels 選 RGB+Alpha 輸出即可。當然要選 AVI 也可以,不過以本篇的 5秒鐘影片為例,AVI 格式輸出後的容量高達 1GB 以上,QuickTime (.mov)只要15MB左右…

方法一:用 QuickTime Pro 轉檔

要先安裝 HAP Codec for QuickTime。

用 QuickTime 開啟影片,檔案 > 匯出

選項 > 設定 > 壓縮類型 > 選擇 HAP Q Alpha 或是 HAP Alpha

方法二:用 ffmpeg 轉檔 ( 以 Windows 為例 )

將下載好的 ffmepg 解壓縮後,按著 Shift 鍵對 bin 資料夾點右鍵 > 在這裡開啟 PowerShell 視窗

輸入轉檔指令

ffmpeg -i yourSourceFile.mov -c:v hap -format hap_alpha outputName.mov

以上圖為例,影片 Comp 1 是放在 D槽的根目錄,轉檔後的影片名字為 Comp 2 位置在 D槽

轉好檔之後,到 Unity 匯入 AVPro。先簡單設定一下 AVPro Video uGUI,以下動圖給沒用過 AVPro 的人參考。

以下是比較需要注意的地方!設定好影片路徑之後,還要到 Platform Specific 標籤底下設定 Preferred Video API,改成 Direct Show。

下載連結總整理

QuickTime:下載頁面

HAP codec for QuickTime:下載頁面

ffmpeg:下載頁面

ffmpeg 指令參考:Github 連結

WebM for Premiere:下載頁面

AVPro:官方網站

本篇使用的 Sample 影片(Google Drive):.mov(Animation) .webm(VP8) .mov(Hap Alpha)

Unity Transparent Video | 用 VideoPlayer 或 AVPro 播放透明影片相关推荐

  1. Unity使用AVProVideo播放透明视频

    目录 一.目的 1.想知道:Unity使用AVProVideo播放透明视频 二.参考 1.[Unity3d]在Unity3d中播放视频:AVPro Video的使用 三.注意: 1.最终发现:还是使用 ...

  2. 使用avpro播放带透明通道视频

    关于使用avpro播放带透明通道视频的总结 文章目录 关于使用avpro播放带透明通道视频的总结 前言 一.使用quickTime pro对图片序列转码和导出 二.在unity中播放,我就不赘述了 总 ...

  3. Unity在ios端视频文件无法播放的解决办法

    unity不管是用自带的VideoPlayer还是AvPro等等插件,部分视频在pc端能完美播放,但是到IOS端就无法播放, 网上虽然提供其他播放方案,但是无法实现对于视频播放的操控,例如播放暂停等等 ...

  4. HTML5 的 video 标签,实现简易播放器

    前置知识点: HTML <video> 元素用于在HTML或者XHTML文档中嵌入媒体播放器,用于支持文档内的视频播放. currentTime:读取CurentTime返回一个双精度浮点 ...

  5. 解决audio和video在手机端无法自动播放问题

    解决audio和video在手机端无法自动播放问题 参考文章: (1)解决audio和video在手机端无法自动播放问题 (2)https://www.cnblogs.com/theblogs/p/9 ...

  6. html5背景图片上放按钮,html5自定义video标签的海报与播放按钮

    文章目录 一.问题 1.默认播放按键不好看 2.设置自定义封面图 二.思路 1.使用div把video标签盖住 2.div中显示自定义的海报图片与按钮 三.步骤分解 1.海报图片作为div的背景 2. ...

  7. vue 动态绑定 video src,不能正常播放问题

    vue 动态绑定 video src,不能正常播放问题 通过 vm.$refs vm.$refs 一个对象,持有注册过 ref attribute 的所有 DOM 元素和组件实例. 核心代码 let ...

  8. video标签设置不显示播放条

    video标签设置不显示播放条 css: video::-webkit-media-controls { /*不显示时间条*/object-fit:fill; /*设置预览图铺满*/display:n ...

  9. html设置视频一直播放,设置video js多视频连续播放

    设置video js多视频连续播放 代码如下: var vList = ['http://vjs.zencdn.net/v/oceans.mp4', 'http://clips.vorwaerts-g ...

最新文章

  1. vs配色方案_提高生产力:配色,模板参数过滤及IntelliCode
  2. AttributeError: module ‘tensorflow‘ has no attribute ‘Session‘错误解决
  3. sqlserver表变量
  4. spring源码分析之spring-core-env
  5. ASP.NET Core 2.2 基础知识(十四) WebAPI Action返回类型(未完待续)
  6. 华为愿出售5G技术渴望对手;苹果将向印度投资10亿美元;华为全联接大会首发计算战略;腾讯自研轻量级物联网操作系统正式开源……...
  7. Windows 2008 防火墙开放端口
  8. 谁用光了磁盘?Docker System命令详解
  9. 大学精品课matlab,大学精品课件:Matlab绘图教程.ppt
  10. visio2016下载与安装
  11. [模板] 球 体积交 体积并
  12. ubuntu linux 安装报错解决方法E: Could not get lock /var/lib/dpkg/lock-frontend - open (11: Resource tempo
  13. 网络用语html,最新网络用语
  14. 哈希表的画法_2018年流行什么眉型
  15. 电脑监控是真的吗?4个实验一探究竟
  16. 【朝花夕拾】朝花夕拾-Robot Framework实战演练之开篇
  17. JavaScript EventListener
  18. 微服务开源生态报告 No.1
  19. 电脑xp传照片显示服务器错误,xp系统显示“服务器错误500”的两种解决方法
  20. WebWork教程一

热门文章

  1. 先付年金计算机公式,预付年金终值计算公式
  2. 【论文写作】-我的第一篇论文形成记(投稿过程、课题来源、python与数学学习、实验设计、论文思路建立与写作、回复审稿人)
  3. 关于任意文件下载及上传漏洞
  4. L028-老男孩实效教育-nfs网络文件系统企业级优化实战-12节
  5. Minecraft开服教程
  6. 如何让你的共享软件成为印钞机-内幕
  7. warning C4183: “GetDocument”: 缺少返回类型;假定为返回“int”的成员函数
  8. java:计算π的值
  9. KVM 介绍之CPU和内存虚拟化
  10. 最短路径问题(附航班最小价格练习)