diff --git a/public/js/collectioncompose.js b/public/js/collectioncompose.js
index 60a393b6c..8331bf956 100644
Binary files a/public/js/collectioncompose.js and b/public/js/collectioncompose.js differ
diff --git a/public/js/collections.js b/public/js/collections.js
index 7f94cc972..1844df2a0 100644
Binary files a/public/js/collections.js and b/public/js/collections.js differ
diff --git a/public/js/home-ojtjadoml.js b/public/js/home-ojtjadoml.js
index 4669d69b0..255d05444 100644
Binary files a/public/js/home-ojtjadoml.js and b/public/js/home-ojtjadoml.js differ
diff --git a/public/js/installer.js b/public/js/installer.js
new file mode 100644
index 000000000..1c0b4aa2f
Binary files /dev/null and b/public/js/installer.js differ
diff --git a/public/js/live-player.js b/public/js/live-player.js
new file mode 100644
index 000000000..f0dcfecd7
Binary files /dev/null and b/public/js/live-player.js differ
diff --git a/public/js/spa.js b/public/js/spa.js
index 44f7bf7fb..7dd24f800 100644
Binary files a/public/js/spa.js and b/public/js/spa.js differ
diff --git a/public/js/vendor.js b/public/js/vendor.js
index 044a3b1f4..85c49a842 100644
Binary files a/public/js/vendor.js and b/public/js/vendor.js differ
diff --git a/public/mix-manifest.json b/public/mix-manifest.json
index 96119a454..4cf7b0462 100644
Binary files a/public/mix-manifest.json and b/public/mix-manifest.json differ
diff --git a/resources/assets/js/live-player.js b/resources/assets/js/live-player.js
new file mode 100644
index 000000000..3ce0dd310
--- /dev/null
+++ b/resources/assets/js/live-player.js
@@ -0,0 +1,4 @@
+Vue.component(
+    'live-player',
+    require('./../components/LivePlayer.vue').default
+);
diff --git a/resources/views/live/player.blade.php b/resources/views/live/player.blade.php
new file mode 100644
index 000000000..577ac1765
--- /dev/null
+++ b/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
diff --git a/routes/web.php b/routes/web.php
index bfea6b275..a64fe8c9b 100644
--- a/routes/web.php
+++ b/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');