diff --git a/web/index.html b/web/index.html
index 1fc1214..27366c9 100644
--- a/web/index.html
+++ b/web/index.html
@@ -29,8 +29,7 @@
 			<router-view :token="token" @set_token="set_token" @play_audio="play_audio"></router-view>
 		</main>
 		<footer>
-			<component-audio-player @stop="stop" @play_audio="play_audio" :file=playing_audio_file></component-audio-player>
-			<p>{{ token }}</p>
+			<component-audio-player :token="token" @stop="stop" @play_audio="play_audio" :file=playing_audio_file></component-audio-player>
 		</footer>
 	</div>
 </body>
diff --git a/web/index.js b/web/index.js
index b1111b8..f0d77f8 100644
--- a/web/index.js
+++ b/web/index.js
@@ -521,7 +521,7 @@ const component_audio_player = {
 			error_status: "",
 		}
 	},
-	props: ["file"],
+	props: ['file', 'token'],
 	template: `
 <div>
 <h5>Player Status</h5>
@@ -548,6 +548,7 @@ const component_audio_player = {
 <video v-if="computed_video_show" class="audio-player" :src="playing_url" controls autoplay :loop="loop">
 </video>
 <component-stream-config @set_ffmpeg_config="set_ffmpeg_config"></component-stream-config>
+<p>{{ token }}</p>
 </div>
 `,
 	methods: {