Play a video

• Complete Add models to scene.

1. In Android Studio, open res/layout/ui_example.xml and replace the code with this sample.

    <LinearLayout
      xmlns:android="http://schemas.android.com/apk/res/android"
      xmlns:app="http://schemas.android.com/apk/res-auto"
      android:orientation="vertical"
      android:layout_width="match_parent"
      android:layout_height="match_parent"
      android:gravity="left"
      android:background="@drawable/layout_bg"
      android:clipToOutline="true"
    >
   
      <WebView
          android:id="@+id/web_view"
          android:layout_width="fill_parent"
          android:layout_height="fill_parent"
          android:layout_gravity="center"
          />
   
    </LinearLayout>
   
2. Build and run the app.
   The panel is now blank.

• In Android Studio, in StarterSampleActivity.kt, change your code to match this code block by adding the code preceded by a + and removing the code preceded by a -.

    + import android.webkit.WebView
      ...
  
      override fun registerPanels(): List<PanelRegistration> {
        return listOf(
            PanelRegistration(R.layout.ui_example) {
              config {
                themeResourceId = R.style.PanelAppThemeTransparent
                includeGlass = false
    -           width = 2.0f
    -           height = 1.5f
                enableLayer = true
                enableTransparent = true
              }
    +         panel {
    +           val webView = rootView?.findViewById<WebView>(R.id.web_view)
    +           val webSettings = webView!!.settings
    +           webSettings.javaScriptEnabled = true
    +           webSettings.mediaPlaybackRequiresUserGesture = false
    +           webView!!.loadUrl("https://www.youtube.com/embed/Exu7r2vZpcw?autoplay=1;fs=1;autohide=0;hd=0;")
    +         }
            })
      }
  

• Look at the samples in the Spatial SDK GitHub repo⁠.