highperfocused/nostrudel
1
0
Fork 0
mirror of https://github.com/hzrd149/nostrudel.git synced 2025-09-27 03:56:44 +02:00
Code Issues Packages Projects Releases Wiki Activity

add support for youtube live streams

Browse Source
This commit is contained in:
hzrd149
2023-02-07 17:04:18 -06:00
parent 981d29a717
commit 7cec112571
1 changed files with 3 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
src/components/note/note-contents.tsx
View File

@@ -28,11 +28,12 @@ const embeds: {
}, },
// Youtube Video // Youtube Video
{ {
regexp: /https?:\/\/((?:www|m)\.)?((?:youtube\.com|youtu\.be))(\/(?:[\w\-]+\?v=|embed\/|v\/)?)([\w\-]+)(\S+)?/im, regexp:
/https?:\/\/(?:(?:www|m)\.)?((?:youtube\.com|youtu\.be))(\/(?:[\w\-]+\?v=|embed\/|v\/|live\/)?)([\w\-]+)(\S+)?/im,
render: (match) => ( render: (match) => (
<AspectRatio ratio={16 / 10} maxWidth="30rem"> <AspectRatio ratio={16 / 10} maxWidth="30rem">
<iframe <iframe
src={`https://www.youtube.com/embed/${match[4]}`} src={`https://www.youtube.com/embed/${match[3]}`}
title="YouTube video player" title="YouTube video player"
frameBorder="0" frameBorder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"