diff --git a/frontend/src/components/VideoListItemTable.tsx b/frontend/src/components/VideoListItemTable.tsx
index 52b7cc2a..dc09c585 100644
--- a/frontend/src/components/VideoListItemTable.tsx
+++ b/frontend/src/components/VideoListItemTable.tsx
@@ -8,6 +8,7 @@ import { useUserConfigStore } from '../stores/UserConfigStore';
import { useVideoSelectionStore } from '../stores/VideoSelectionStore';
import iconChecked from '/img/icon-seen.svg';
import iconUnchecked from '/img/icon-unseen.svg';
+import bitsToBytes from '../functions/bitsToBytes';
const StreamsTypeEmun = {
Video: 'video',
@@ -97,9 +98,9 @@ const VideoListItemTable = ({ videoList, viewStyle }: VideoListItemProps) => {
{`${videoStream?.width || '-'}x${videoStream?.height || '-'}`} |
{humanFileSize(media_size, useSiUnits)} |
{videoStream?.codec || '-'} |
- {humanFileSize(videoStream?.bitrate || 0, useSiUnits)} |
+ {humanFileSize(bitsToBytes(videoStream?.bitrate || 0), useSiUnits)} |
{audioStream?.codec || '-'} |
- {humanFileSize(audioStream?.bitrate || 0, useSiUnits)} |
+ {humanFileSize(bitsToBytes(audioStream?.bitrate || 0), useSiUnits)} |
);
})}
diff --git a/frontend/src/functions/bitsToBytes.ts b/frontend/src/functions/bitsToBytes.ts
new file mode 100644
index 00000000..ed8c3f86
--- /dev/null
+++ b/frontend/src/functions/bitsToBytes.ts
@@ -0,0 +1,5 @@
+function bitsToBytes(bits: number) {
+ return bits / 8;
+}
+
+export default bitsToBytes;
diff --git a/frontend/src/pages/Video.tsx b/frontend/src/pages/Video.tsx
index 1198fe48..2a4e39f7 100644
--- a/frontend/src/pages/Video.tsx
+++ b/frontend/src/pages/Video.tsx
@@ -45,6 +45,7 @@ import NotFound from './NotFound';
import { ApiResponseType } from '../functions/APIClient';
import VideoThumbnail from '../components/VideoThumbail';
import { ViewStylesEnum, ViewStylesType } from '../configuration/constants/ViewStyle';
+import bitsToBytes from '../functions/bitsToBytes';
const isInPlaylist = (videoId: string, playlist: PlaylistType) => {
return playlist.playlist_entries.some(entry => {
@@ -460,7 +461,7 @@ const Video = () => {
return (
{capitalizeFirstLetter(stream.type)}: {stream.codec}{' '}
- {humanFileSize(stream.bitrate, useSiUnits)}/s
+ {humanFileSize(bitsToBytes(stream.bitrate), useSiUnits)}/s
{stream.width && (
<>
| {stream.width}x{stream.height}