Browse Source

支持嵌入音频

pull/16/head
hole-thu 3 years ago
parent
commit
7549b83730
  1. 3
      src/Common.css
  2. 17
      src/Common.js

3
src/Common.css

@ -58,7 +58,8 @@
}
.ext-img,
.ext-video {
.ext-video,
.ext-audio {
max-width: 100%;
max-height: 2000px;
display: block;

17
src/Common.js

@ -35,6 +35,18 @@ function is_video(s) {
}
}
function is_audio(s) {
try {
let url = new URL(s);
return (
url.pathname.endsWith('.mp3') ||
(url.searchParams.get('filetype') || '').startsWith('audio/')
);
} catch (e) {
return false;
}
}
export function build_highlight_re(
txt,
split = ' ',
@ -185,7 +197,10 @@ export class HighlightedMarkdown extends Component {
<span className="icon icon-new-tab" />
</a>
{is_video(p) && (
<video className="ext-video" src={p} controls loop />
<video className="ext-video" src={p} controls />
)}
{is_audio(p) && (
<audio className="ext-audio" src={p} controls />
)}
</>
) : rule === 'pid' ? (

Loading…
Cancel
Save