Add live player view

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');