@@ -143,19 +143,23 @@ function AudioPlayer(props) {
|
|||||||
</span>
|
</span>
|
||||||
|
|
||||||
<span>
|
<span>
|
||||||
<input
|
<span>
|
||||||
checked={loop}
|
<input
|
||||||
onChange={(event) => setLoop(event.target.checked)}
|
checked={loop}
|
||||||
type="checkbox"
|
onChange={(event) => setLoop(event.target.checked)}
|
||||||
/>
|
type="checkbox"
|
||||||
<label>Loop</label>
|
/>
|
||||||
|
<label>Loop</label>
|
||||||
|
</span>
|
||||||
|
|
||||||
<input
|
<span>
|
||||||
checked={raw}
|
<input
|
||||||
onChange={(event) => setRaw(event.target.checked)}
|
checked={raw}
|
||||||
type="checkbox"
|
onChange={(event) => setRaw(event.target.checked)}
|
||||||
/>
|
type="checkbox"
|
||||||
<label>Raw</label>
|
/>
|
||||||
|
<label>Raw</label>
|
||||||
|
</span>
|
||||||
|
|
||||||
{!raw && (
|
{!raw && (
|
||||||
<span>
|
<span>
|
||||||
@@ -167,33 +171,17 @@ function AudioPlayer(props) {
|
|||||||
<label>Prepare</label>
|
<label>Prepare</label>
|
||||||
</span>
|
</span>
|
||||||
)}
|
)}
|
||||||
|
|
||||||
<input
|
|
||||||
type="checkbox"
|
|
||||||
onClick={(e) => {
|
|
||||||
const domVideoPlayer = document.getElementById("dom-video-player");
|
|
||||||
if (domVideoPlayer === null) {
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
if (e.target.checked) {
|
|
||||||
domVideoPlayer.style.height = "auto";
|
|
||||||
} else {
|
|
||||||
domVideoPlayer.style.height = "39px";
|
|
||||||
}
|
|
||||||
}}
|
|
||||||
/>
|
|
||||||
<label>Video</label>
|
|
||||||
</span>
|
</span>
|
||||||
|
|
||||||
{playingURL !== "" && (
|
{playingURL !== "" && (
|
||||||
<video
|
<audio
|
||||||
id="dom-video-player"
|
id="dom-player"
|
||||||
controls
|
controls
|
||||||
autoPlay
|
autoPlay
|
||||||
loop={loop}
|
loop={loop}
|
||||||
className="audio-player"
|
className="audio-player"
|
||||||
src={playingURL}
|
src={playingURL}
|
||||||
></video>
|
></audio>
|
||||||
)}
|
)}
|
||||||
|
|
||||||
<FfmpegConfig
|
<FfmpegConfig
|
||||||
|
|||||||
Reference in New Issue
Block a user