Share
Realitatea virtualizată și realitatea virtuală, deși relativ nouă, au devenit repede populare pentru aplicații, inclusiv pentru jocuri și educație. Anterior, v-am arătat cum să instalați Cardboard utilizând SDK-ul Android și cum să creați un vizualizator de imagini panoramice. Această postare vă va arăta cum să utilizați un videoclip de 360 de grade în aplicațiile dvs..
Înainte de a începe să vă construiți aplicația de vizualizare video, va trebui să clonați cartonul Android Cardboard pe computerul dvs. prin Git. Puteți găsi instrucțiuni pentru acest lucru în articolul precedent din această serie.
Pentru proba noastră, creați un nou proiect Android cu un SDK minim de API 19 (KitKat) și utilizați Activitate goală șablon.
Odată ce proiectul dvs. de bază este creat, va trebui să copiați comun, commonwidget și videowidget foldere din SDK de carton la rădăcina proiectului. Odată ce aceste directoare sunt mutate, va trebui să le includeți ca module în proiectul dvs. prin editarea dvs. settings.gradle fișier pentru a arăta ca fragmentul următor.
include: "app", "common", "commonwidget", "videowidget"
În cele din urmă, includeți aceste și alte biblioteci necesare în proiect prin adăugarea următoarelor linii la dvs. aplicaţia ale modulului build.gradle fișier în dependențe nodul.
Accentsconagua
dependență compile 'com.android.support:appcompat-v7:25.0.0' compile proiect (': common') compile proiect (': commonwidget') compile proiect (': videowidget') compile 'com.google.android. exoplayer: exoplayer: r1.5.10 'compilați com.google.protobuf.nano: protobuf-javanano: 3.0.0-alpha-7'Veți observa că am adăugat biblioteca Buffer Protocol de la Google, care vă ajută să gestionați resursele de rulare pe dispozitiv și ExoPlayer, care este o bibliotecă de playere video Google creată, că VrVideoView componentă este construită. Ambele biblioteci sunt necesare pentru SDK pentru a funcționa și este posibil să fi observat că versiunea ExoPlayer folosită este de la prima versiune și nu cea de-a doua, deci poate provoca conflicte dacă utilizați ExoPlayer v2 în proiectele proprii.
Apoi, vom dori să ne actualizăm activity_main.xml dosar pentru proiectul nostru de eșantion să includă o VrVideoView, A SeekBar, și a Buton cu care vom lucra mai târziu.
Odată ce ați terminat instalarea bibliotecilor de carton și ați creat aspectul pe care îl vom folosi, este timpul să sarăți în codul Java.
Înainte de a începe să scrieți tot codul care controlează starea redării, poziționarea și încărcarea în fișierul video 360, va trebui să determinăm sursa videoclipului nostru. Pentru acest tutorial vom crea un simplu bunuri dosarul din directorul principal și plasați acolo un videoclip 360. Deși există câteva surse pentru 360 de videoclipuri online, am inclus un scurt film video public de la Sea World care întoarce o broască țestoasă oceanului în proiectul GitHub însoțitor pentru acest tutorial.
Acum, când aveți un fișier video pe care îl puteți juca, deschideți-vă Activitate principala clasă.
Mai întâi trebuie să declarați și să inițializați Vedere elemente care sunt definite de fișierul de aspect, precum și două boolean valori pentru a urmări starea dezactivată și starea de redare / pauză. În plus, vom plasa un OnClickListener pe volumul nostru Buton obiect.
clasa publica MainActivity extinde AppCompatActivity privat VrVideoView mVrVideoView; privat SeekBar mSeekBar; butonul privat mVolumeButton; privat boolean mIsPaused; private boolean mIsMuted; @Override protejate void onCreate (Bundle savedInstanceState) super.onCreate (savedInstanceState); setContentView (R.layout.activity_main); initViews (); void initViews privat () mVrVideoView = (VrVideoView) findViewById (R.id.video_view); mSeekBar = (SeekBar) findViewById (R.id.seek_bar); mVolumeButton = (buton) findViewById (R.id.btn_volume); mVolumeButton.setOnClickListener (noul View.OnClickListener () @Override public void onClick (Vizualizare vizualizare) onVolumeToggleClicked ();); public void playPause () public void peVolumeToggleClicked ()
Apoi, creați o nouă clasă interioară care se extinde VrVideoEventListener. Această clasă va avea cinci metode pe care le putem implementa pentru vizualizatorul nostru simplu de videoclipuri.
clasa privată ActivityEventListener extinde VrVideoEventListener @Override public void onLoadSuccess () super.onLoadSuccess (); @Overide public void onLoadError (String errorMessage) super.onLoadError (errorMessage); @Override public void onClick () super.onClick (); @Override public void peNewFrame () super.onNewFrame (); @Override publice void onCompletion () super.onCompletion ();
De asemenea, va trebui să implementați SeekBar.OnSeekBarChangeListener din clasa ta și să creezi metodele pentru această interfață.
class public MainActivity extinde AppCompatActivity implementează SeekBar.OnSeekBarChangeListener ... public void onPlayPausePressed () public void onVolumeToggleClicked () @Overide public void peProgressChanged (SeekBar seekBar, int i, boolean b)
Odată ce ați creat această nouă clasă interioară și SeekBar implementare, asociați-le cu dvs. VrVideoView și SeekBar, respectiv, la sfârșitul anului initViews () care a fost definită mai sus.
mVrVideoView.setEventListener (noua activitateEventListener ()); mSeekBar.setOnSeekBarChangeListener (aceasta);
Există încă o piesă de configurare care trebuie tratată. Veți avea nevoie să vă ocupați de ciclul de viață al activității Android, sprijinindu-l onPause (), onResume () și onDestroy () metodele de întrerupere sau reluare a redării în VrVideoView, sau să o închideți complet. De asemenea, va trebui să urmăriți starea de pauză în aceste metode.
@Override protejat void onPause () super.onPause (); mVrVideoView.pauseRendering (); mIsPaused = adevărat; @Override protejate void onResume () super.onResume (); mVrVideoView.resumeRendering (); mIsPaused = false; @Override protejate void onDestroy () mVrVideoView.shutdown (); super.onDestroy ();
Acum, când configurația inițială a clasei noastre de instruire este finalizată, putem trece la un subiect mai interesant: încărcarea unui videoclip, controlul redării și personalizarea experienței utilizatorului.
VrVideoView Deoarece încărcarea unui videoclip 360 poate dura de la o fracțiune de secundă până la câteva secunde, veți dori să vă ocupați de încărcarea videoclipului printr-o activitate de fundal. Să începem prin crearea unui nou AsyncTask care va crea un nou VrVideoView.Options obiect, setați tipul de intrare pentru a corespunde formatării videoclipului nostru (în cazul acestui tutorial, TYPE_MONO), apoi încărcați videoclipul nostru din bunuri director.
