VR开发--Cardboard制作VR播放器

一:引言

首先,今天有了一个想法。所以我决定制作一个VR播放器。纯手工打造,24K金不敢说,100%真心。

导入资源神马的不说了,直接上代码。而且也没有人制作过,所以有压力,不过动力更大。(Ps:2016-12-31,12:31)

二:关于视频播放要知道的一些事
视频的帧率问题
三:Unity自带了两种播放API
1- MovieTexture(视频纹理)

优点:简单,高效的快速完成播放
缺点:此种方法无法应用于移动端。movietexture只能播放OGG和OVG

转码可以使用:
Theora Converter .NET

Paste_Image.png

ffmpeg将视频转成.ogv

ffmpeg - i “文件路径/文件名.格式” -s 3000x1500(分辨率) -r 25 (帧率) -b:v 8782(码率,默认单位为Bit/s) "输出文件路径/输出文件名.格式" 
2-Handheld(标准的视频播放接口)

缺点:
可操作性非常差,几乎达不到我们想要的结果,而且也只支持全屏的普通视频的播放。
注意点:
将视频文件放置在Assets/StreamingAssets/路径下,经测试.MP4可用。

MoveTexture
1. 在游戏对象中播放,就好比在游戏世界中创建一个Plane面对象,摄像机直直的照射在这个面上   
    在新建的一个plane平面,将其纹理绑定为电影纹理即可
    //设置当前对象的主纹理为电影纹理
    renderer.material.mainTexture = movTexture;
    //设置电影纹理播放模式为循环
    movTexture.loop = true;
    并可通过
    movTexture.Play();
    movTexture.Pause();
    movTexture.Stop();
    mov Texturu.pitch = 1f 正常播放 2f两倍速度
    来进得播放控制。
    此时可以通过直接缩放plane平面来达到缩放视频的目的
    至于MovieTexture的赋值,在4.6x/5.0x版本上是无法通过将视频拖入Project视频来自动造成纹理的

2. 在GUI层面播放。它其实和贴图非常相像,因为播放视频用到的MovieTexture属于贴图Texture的子类。
    //绘制电影纹理
    GUI.DrawTexture (new Rect (0,0, Screen.width,Screen.height),movTexture,ScaleMode.StretchToFill); 
    播放视频的大小是屏幕的宽高,如果想动态的修改视频的宽或高直接修改new Rect()视频显示区域即可
Handheld
url_movie = "http://dl.nbrom.cn/17051/c3e408229342723fbdf62d0bcf1d549c.mp4?fsname=Criminal_Minds_S01E01.mp4";
Handheld.PlayFullScreenMovie(url_movie, Color.black, FullScreenMovieControlMode.Full);    
Handheld.PlayFullScreenMovie("test.mp4", Color.black, FullScreenMovieControlMode.CancelOnInput);
将视频文件放置在Assets/StreamingAssets/路径下
上面的方法在移动端是边下载边播放网络视频的,属于在线播放,不好的地方就是,再次观看还需要再次加载。可能在播放的时候判断是否已下载到本地如果在本地就可以播放本地,如果没有再从网上下载到本地

注意:

1. 将视频资源拷贝到外置存储(如sd卡),通过外置存储绝对路径调用

string path = Application.persistentDataPath + "xxx.mp4";
 

2. 在Build Apk的时候,将视频资源放在StreamingAssets子目录下,通过视频名字调用

string path = "xxx.mp4";
Api
四:视频播放插件

第三方插件:进行播放
GitHub有大量的视频播放插件,自己去搜索.
EasyMovieTexture
MobileMovieTexture
MobilePlayer
Mobile movie texture for android :利用开源视频编解码库Theora进行视频解码,然后通过Unity Texture实现显示。

1-使用插件

由于CardBoard中VR播放不能使用自带的两种方式所以下面的项目中,直接使用插件,此处不再啰嗦介绍

2-项目准备

一段视频,N张图片,一个梦幻的场景,各种好听的音乐,那么导入资源。此处使用视频插件Easy Movie Texture

资源可以加群494141729获取
VR视频播放
Paste_Image.png
Paste_Image.png

选中平台设置


Paste_Image.png
3-播放代码
关于视频播放的代码,设置暂停,停止,加载,全屏等
using UnityEngine;
using System.Collections;
using UnityEngine.UI;

public class Test_Movie_Player : MonoBehaviour {
    public Text totalTime;
    public Text movieTime;
    public Slider movieSlider;
    public Material renderMaterial;
    public int movieSpeed = 1000;

    private MediaPlayerCtrl mediaPlayerCtrl;
    private RawImage movieRawImage;
    private Vector2 reducteOffsetMax;
    private bool isFinish = false;
    private bool isPlay = false;
    private bool isCtrlMovie = false;
    private int fastbackTemp = 0;
    private int totaltime = 0;

    void Start()
    {
        Init();
        mediaPlayerCtrl.OnEnd += OnEnd;
    }
    /// <summary>  
    /// 初始化函数  
    /// </summary>  
    public void Init()
    {
        mediaPlayerCtrl = this.transform.GetComponent<MediaPlayerCtrl>();
        movieRawImage = this.transform.GetComponent<RawImage>();
        mediaPlayerCtrl.m_bAutoPlay = false;
        if (movieRawImage.material == null)
            movieRawImage.material = renderMaterial;
        reducteOffsetMax = movieRawImage.rectTransform.offsetMax;
    }

    void Update()
    {
        UpdateMovieSlider();
        UpdateMovieTime();
        UpdateTotalTime();
    }
    /// <summary>  
    /// 更新视频进度条  
    /// </summary>  
    public void UpdateMovieSlider()
    {
        if (mediaPlayerCtrl.GetSeekPosition() != 0 && !isCtrlMovie)
        {
            float slider = (float)mediaPlayerCtrl.GetSeekPosition() / (float)mediaPlayerCtrl.GetDuration();
            movieSlider.value = slider;
        }
    }
    /// <summary>  
    /// 更新视频总时间  
    /// </summary>  
    public void UpdateTotalTime()
    {
        if (this.totalTime.text != null && isPlay)
        {
            if (totaltime != mediaPlayerCtrl.GetDuration() / 1000)
            {
                totaltime = mediaPlayerCtrl.GetDuration() / 1000;
                int min = totaltime / 60;
                int seconds = totaltime - min * 60;
                this.totalTime.text = " / " + min + ":" + seconds;
            }
        }
    }
    /// <summary>  
    /// 更新视频时间  
    /// </summary>  
    public void UpdateMovieTime()
    {
        if (this.movieTime.text != null && isPlay)
        {
            int movieTime = mediaPlayerCtrl.GetSeekPosition() / 1000;
            int min = movieTime / 60;
            int seconds = movieTime - min * 60;
            this.movieTime.text = min + ":" + seconds;
        }
    }
    /// <summary>  
    /// 视频播放  
    /// </summary>  
    public void MoviePlay()
    {
        mediaPlayerCtrl.Play();
        isPlay = true;
        isFinish = false;
    }
    /// <summary>  
    /// 视频暂停  
    /// </summary>  
    public void MoviePause()
    {
        isPlay = false;
        mediaPlayerCtrl.Pause();
    }
    /// <summary>  
    /// 视频停止  
    /// </summary>  
    public void MovieStop()
    {
        isPlay = false;
        mediaPlayerCtrl.Stop();
    }
    /// <summary>  
    /// 读取视频  
    /// </summary>  
    /// <param name="namePtah">读取视频的路径</param>  
    public void MovieLoad(string namePtah)
    {
        mediaPlayerCtrl.Load(namePtah);
        mediaPlayerCtrl.m_bAutoPlay = false;
        isPlay = false;
        isFinish = false;
    }
    /// <summary>  
    /// 视频设置循环播放  
    /// </summary>  
    public void MovieLoop()
    {
        mediaPlayerCtrl.m_bLoop = !mediaPlayerCtrl.m_bLoop;
    }

    /// <summary>  
    /// 视频全屏显示  
    /// </summary>  
    public void OnClickFullScreen()
    {
        if (mediaPlayerCtrl.m_bFullScreen)
        {
            mediaPlayerCtrl.m_bFullScreen = false;
            movieRawImage.rectTransform.offsetMax = reducteOffsetMax;
            movieRawImage.rectTransform.offsetMin = -reducteOffsetMax;
        }
        else
        {
            mediaPlayerCtrl.m_bFullScreen = true;
            movieRawImage.rectTransform.offsetMax = new Vector2(0, 0);
            movieRawImage.rectTransform.offsetMin = new Vector2(0, 0);
        }
    }

    /// <summary>  
    /// 关闭视频界面  
    /// </summary>  
    public void OnClickClose()
    {
        mediaPlayerCtrl.Stop();
        movieRawImage.gameObject.SetActive(false);
    }
    /// <summary>  
    /// 移动视频进度条  
    /// </summary>  
    public void OnDragSlider()
    {
        if (!isPlay)
            return;
        int seekPos = (int)(movieSlider.value * mediaPlayerCtrl.GetDuration());
        mediaPlayerCtrl.SeekTo(seekPos);
    }
    /// <summary>  
    /// 按下视频进度条  
    /// </summary>  
    public void OnPoniterDownSlider()
    {
        if (!isPlay)
            return;
        MoviePause();
        isCtrlMovie = true;
        int seekPos = (int)(movieSlider.value * mediaPlayerCtrl.GetDuration());
        mediaPlayerCtrl.SeekTo(seekPos);
    }
    /// <summary>  
    /// 弹起视频进度条  
    /// </summary>  
    public void OnPoniterUpSlider()
    {
        if (!isPlay)
            return;
        MoviePlay();
        isCtrlMovie = false;
    }

    public bool GetIsFullScreen()
    {
        return mediaPlayerCtrl.m_bFullScreen;
    }

    public bool GetIsLoop()
    {
        return mediaPlayerCtrl.m_bLoop;
    }
    void OnEnd()
    {
        isFinish = true;
    } 
}
绑定事件

全景视频播放

全景视频跟着头部移动的方法,看到sphere对象上挂在了GvrViewer.cs脚本,然后把VRModelEnabled属性设置为false,这样就调整配置文件就可以全景视频跟着头部移动而观看视频效果了

调整配置文件
<?xml version="1.0" encoding="utf-8"?>  
<manifest  
    xmlns:android="http://schemas.android.com/apk/res/android"  
    package="com.unity3d.player"  
    android:installLocation="preferExternal"  
    android:theme="@android:style/Theme.NoTitleBar"  
    android:versionCode="1"  
    android:versionName="1.0">  
  <uses-sdk android:minSdkVersion="19" android:targetSdkVersion="22" />  
  <uses-feature android:name="android.hardware.camera" />  
  <supports-screens  
      android:smallScreens="true"  
      android:normalScreens="true"  
      android:largeScreens="true"  
      android:xlargeScreens="true"  
      android:anyDensity="true"/>  
  <uses-permission android:name="android.permission.INTERNET" />  
  <uses-permission android:name="android.permission.CAMERA" />  
  <uses-permission android:name="android.permission.ACCESS_NETWORK_STATE"/>  
  <uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE" />   
  <uses-feature android:glEsVersion="0x00020000" />  
  <uses-feature android:name="android.hardware.sensor.accelerometer" android:required="true"/>  
  <uses-feature android:name="android.hardware.sensor.gyroscope" android:required="true"/>  
  <uses-permission android:name="android.permission.NFC"/>  
  <uses-permission android:name="android.permission.READ_EXTERNAL_STORAGE" />  
  <uses-permission android:name="android.permission.INTERNET" />  
  
  <!-- VR feature tags. -->  
  <uses-feature android:name="android.software.vr.mode" android:required="false"/>  
  <uses-feature android:name="android.hardware.vr.high_performance" android:required="false"/>  
     
    <application  
        android:icon="@drawable/app_icon"  
        android:label="@string/app_name"  
        android:theme="@android:style/Theme.NoTitleBar.Fullscreen"  
        android:debuggable="false">  
        <activity android:name="com.unity3d.player.UnityPlayerNativeActivity"  
                  android:label="@string/app_name"  
                      android:screenOrientation="landscape"  
                     android:launchMode="singleTask"  
                  android:configChanges="mcc|mnc|locale|touchscreen|keyboard|keyboardHidden|navigation|orientation|screenLayout|uiMode|screenSize|smallestScreenSize|fontScale"  
                  >  
            <intent-filter>  
                <action android:name="android.intent.action.MAIN" />  
                <category android:name="android.intent.category.LAUNCHER" />  
              <category android:name="com.google.intent.category.CARDBOARD" />  
            </intent-filter>  
            <meta-data android:name="unityplayer.UnityActivity" android:value="true" />  
            <meta-data android:name="unityplayer.ForwardNativeEventsToDalvik" android:value="false" />  
          <meta-data android:name="unityplayer.UnityActivity" android:value="true" />  
        </activity>  
        <activity android:name="com.unity3d.player.VideoPlayer"  
                  android:label="@string/app_name"  
                  android:screenOrientation="portrait"  
                  android:configChanges="fontScale|keyboard|keyboardHidden|locale|mnc|mcc|navigation|orientation|screenLayout|screenSize|smallestScreenSize|uiMode|touchscreen">  
        </activity>   
      <activity android:name="com.google.unity.GoogleUnityActivity"  
          android:label="@string/app_name"  
          android:screenOrientation="landscape"  
          android:launchMode="singleTask"  
          android:configChanges="mcc|mnc|locale|touchscreen|keyboard|keyboardHidden|navigation|orientation|screenLayout|uiMode|screenSize|smallestScreenSize|fontScale">   
        <meta-data android:name="unityplayer.UnityActivity" android:value="true" />  
      </activity>  
      <meta-data android:name="IMMERSIVE_MODE" android:value="true" />  
        <!--  
            To support devices using the TI S3D library for stereo mode we must   
            add the following library.  
            Devices that require this are: ODG X6   
        -->  
        <uses-library android:name="com.ti.s3d" android:required="false" />  
        <!-- 
            To support the ODG R7 in stereo mode we must add the following library. 
        -->  
        <uses-library android:name="com.osterhoutgroup.api.ext" android:required="false" />  
    </application>  
     
    
</manifest>  
  
<!-- android:installLocation="preferExternal" -->  
参考资料:

http://blog.csdn.net/adambieber/article/details/52334280

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 194,242评论 5 459
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 81,769评论 2 371
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 141,484评论 0 319
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 52,133评论 1 263
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 61,007评论 4 355
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 46,080评论 1 272
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 36,496评论 3 381
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 35,190评论 0 253
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 39,464评论 1 290
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 34,549评论 2 309
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 36,330评论 1 326
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 32,205评论 3 312
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 37,567评论 3 298
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 28,889评论 0 17
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 30,160评论 1 250
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 41,475评论 2 341
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 40,650评论 2 335

推荐阅读更多精彩内容