54 lines
1.5 KiB
TypeScript
54 lines
1.5 KiB
TypeScript
|
import React from 'react'
|
||
|
|
import { MediaViewerProps } from './MediaViewer.props';
|
||
|
|
|
||
|
|
const mediaTypes = Object.freeze({
|
||
|
|
audio: 1,
|
||
|
|
video: 2,
|
||
|
|
});
|
||
|
|
|
||
|
|
const ButtonKeys = Object.freeze({
|
||
|
|
leftArrow: 37,
|
||
|
|
rightArrow: 39,
|
||
|
|
upArrow: 38,
|
||
|
|
downArrow: 40,
|
||
|
|
space: 32,
|
||
|
|
esc: 27,
|
||
|
|
ctr: 17,
|
||
|
|
one: 49,
|
||
|
|
del: 46,
|
||
|
|
s: 83,
|
||
|
|
});
|
||
|
|
|
||
|
|
|
||
|
|
const mapSupplied = {
|
||
|
|
".aac": { supply: "m4a", type: mediaTypes.audio },
|
||
|
|
".flac": { supply: "mp3", type: mediaTypes.audio },
|
||
|
|
".m4a": { supply: "m4a", type: mediaTypes.audio },
|
||
|
|
".mp3": { supply: "mp3", type: mediaTypes.audio },
|
||
|
|
".oga": { supply: "oga", type: mediaTypes.audio },
|
||
|
|
".ogg": { supply: "oga", type: mediaTypes.audio },
|
||
|
|
".wav": { supply: "wav", type: mediaTypes.audio },
|
||
|
|
|
||
|
|
".f4v": { supply: "m4v", type: mediaTypes.video },
|
||
|
|
".m4v": { supply: "m4v", type: mediaTypes.video },
|
||
|
|
".mov": { supply: "m4v", type: mediaTypes.video },
|
||
|
|
".mp4": { supply: "m4v", type: mediaTypes.video },
|
||
|
|
".ogv": { supply: "ogv", type: mediaTypes.video },
|
||
|
|
".webm": { supply: "webmv", type: mediaTypes.video },
|
||
|
|
".wmv": { supply: "m4v", type: mediaTypes.video, convertable: true },
|
||
|
|
".avi": { supply: "m4v", type: mediaTypes.video, convertable: true },
|
||
|
|
".mpeg": { supply: "m4v", type: mediaTypes.video, convertable: true },
|
||
|
|
".mpg": { supply: "m4v", type: mediaTypes.video, convertable: true },
|
||
|
|
};
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
function MediaViewer(props: MediaViewerProps): JSX.Element {
|
||
|
|
return (
|
||
|
|
<div>MediaViewerTS</div>
|
||
|
|
)
|
||
|
|
}
|
||
|
|
|
||
|
|
export default MediaViewer;
|