Add live player view

public/mix-manifest.json

@@ -11,18 +11,20 @@
     "/js/search.js": "/js/search.js?id=4bb81cba317cf1ad35f2c98dce78fd9d",
     "/js/developers.js": "/js/developers.js?id=dd22facb8cf2746992404468a9373ac5",
     "/js/hashtag.js": "/js/hashtag.js?id=5fe9d15d07a227f91eabd874cbb9fea2",
-    "/js/collectioncompose.js": "/js/collectioncompose.js?id=d7acc36deab8f6a1f67361f05f88e2d8",
-    "/js/collections.js": "/js/collections.js?id=12533dbfbe7a0bf7ef20fc57fb34e19a",
+    "/js/collectioncompose.js": "/js/collectioncompose.js?id=63476570639632c50306e8562f10e7c2",
+    "/js/collections.js": "/js/collections.js?id=638d13634a5f9b6501afcc93b5af08b7",
     "/js/profile-directory.js": "/js/profile-directory.js?id=04ec970031e6bf15de5ade019147d53e",
     "/js/story-compose.js": "/js/story-compose.js?id=afe8f35cf52d92ac48ee68a9916d218d",
     "/js/direct.js": "/js/direct.js?id=29127c125979e275afa50b47d692c892",
     "/js/admin.js": "/js/admin.js?id=fd88b96423314b41cc763a0714554a04",
     "/js/rempro.js": "/js/rempro.js?id=03810f85fc35fb2238c518a076fe6b34",
     "/js/rempos.js": "/js/rempos.js?id=390eecb73b0e650f058df325985db938",
-    "/js/spa.js": "/js/spa.js?id=b5ca9478a06aa0d2261f9777c481756b",
+    "/js/live-player.js": "/js/live-player.js?id=b299a9ad73cf1349ab6180e52658e299",
+    "/js/spa.js": "/js/spa.js?id=c6c3766979c5b2c2aa6d872cf5ae8bda",
     "/js/stories.js": "/js/stories.js?id=814a25875cac8987d85c801dcb453114",
+    "/js/installer.js": "/js/installer.js?id=d7b03f6c0bb707bec8ff9f81d328ac4a",
     "/js/manifest.js": "/js/manifest.js?id=4e6dd9cb251d9698bfccb781db000cca",
-    "/js/home-ojtjadoml.js": "/js/home-ojtjadoml.js?id=17d512a55e9a924b1aaf7c600ef7d3a5",
+    "/js/home-ojtjadoml.js": "/js/home-ojtjadoml.js?id=aee71e08d2bee651799f655b006bea7b",
     "/js/compose-ojtjadoml.js": "/js/compose-ojtjadoml.js?id=8c94338835b536bb064bc14247e16a2f",
     "/js/post-ojtjadoml.js": "/js/post-ojtjadoml.js?id=0d2c0781c29fc6e344e915fb15a11ccf",
     "/js/profile-ojtjadoml.js": "/js/profile-ojtjadoml.js?id=63e32708677900b9582d6617b1903d8a",
@@ -41,5 +43,5 @@
     "/css/spa.css": "/css/spa.css?id=4c78f163c6ad4e0f25ced75c7dd624b6",
     "/css/admin.css": "/css/admin.css?id=c370da65565066b3fbcf2808bd0a4468",
     "/css/landing.css": "/css/landing.css?id=1481d8b409a3e114d32a857db0bef4fd",
-    "/js/vendor.js": "/js/vendor.js?id=467b36b2c099089a7639448443158ceb"
+    "/js/vendor.js": "/js/vendor.js?id=4b8baeff156b0f280596a985b98255bc"
 }

resources/assets/js/live-player.js

@@ -0,0 +1,4 @@
+Vue.component(
+    'live-player',
+    require('./../components/LivePlayer.vue').default
+);

resources/views/live/player.blade.php

@@ -0,0 +1,33 @@
+@extends('layouts.blank')
+
+@section('content')
+<div class="force-dark-mode">
+    <live-player id="{{ $id }}"></live-player>
+</div>
+@endsection
+
+@push('scripts')
+<script type="text/javascript" src="/js/live-player.js?v={{ time() }}"></script>
+<script type="text/javascript">App.boot();</script>
+@endpush
+
+@push('meta')
+<script type="text/javascript">
+    window._pushr = {
+        host: "{{ config('broadcasting.connections.pusher.options.host')}}",
+        port: "{{ config('broadcasting.connections.pusher.options.port')}}",
+        key: "{{ config('broadcasting.connections.pusher.key')}}",
+        cluster: "{{ config('broadcasting.connections.pusher.options.cluster')}}"
+    };
+</script>
+@endpush
+
+@push('styles')
+<link rel="stylesheet" type="text/css" href="{{ mix('css/spa.css') }}">
+<style type="text/css">
+body {
+    background-color: #000000;
+    background-image: radial-gradient(circle, #0f172a 0%, #000000 74%);
+}
+</style>
+@endpush

routes/web.php

@@ -540,6 +540,7 @@ Route::domain(config('pixelfed.domain.app'))->middleware(['validemail', 'twofact
 	Route::get('p/{username}/{id}.json', 'StatusController@showObject');
 	Route::get('p/{username}/{id}', 'StatusController@show');
 	Route::get('{username}/embed', 'ProfileController@embed');
+	Route::get('{username}/live', 'LiveStreamController@showProfilePlayer');
 	Route::get('@{username}@{domain}', 'SiteController@legacyWebfingerRedirect');
 	Route::get('@{username}', 'SiteController@legacyProfileRedirect');
 	Route::get('{username}', 'ProfileController@show');