d0zingcat/BroadcastChannel
1
0
Fork 0
mirror of https://github.com/d0zingcat/BroadcastChannel.git synced 2026-05-14 15:09:16 +00:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #7 from mitian233/patch-1

Browse Source 
feat: add support for stickers and video stickers
This commit is contained in:
面条
2024-08-06 13:22:00 +08:00
committed by GitHub
parent a83c3069e6 a08547ef95
commit 78f82c84cf
2 changed files with 28 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
src/assets/style.css
View File

@@ -638,6 +638,11 @@ audio::-webkit-media-controls-panel {
box-shadow: var(--shadows);
}
.content .sticker {
box-shadow: none;
border: none;
}
.content a:link,
.content a:visited {
line-break: anywhere;

23
src/lib/telegram/index.js
View File

@@ -11,6 +11,27 @@ const cache = new LRUCache({
},
})
function getVideoStickers($, item, { staticProxy, index }) {
return $(item).find('.js-videosticker_video')?.map((_index, video) => {
const url = $(video).attr('src')
const imgurl = $(video).find('img').attr('src')
return `
<div style="background-image: none; width: 256px;">
<video src="${staticProxy + url}" width="100%" height="100%" alt="Video Sticker" preload muted autoplay loop playsinline disablepictureinpicture >
<img class="sticker" src="${staticProxy + imgurl}" alt="Video Sticker" loading="${index > 15 ? 'eager' : 'lazy'}" />
</video>
</div>
`
})?.get()?.join('')
}
function getImageStickers($, item, { staticProxy, index }) {
return $(item).find('.tgme_widget_message_sticker')?.map((_index, image) => {
const url = $(image).attr('data-webp')
return `<img class="sticker" src="${staticProxy + url}" style="width: 256px;" alt="Sticker" loading="${index > 15 ? 'eager' : 'lazy'}" />`
})?.get()?.join('')
}
function getImages($, item, { staticProxy, id, index, title }) {
return $(item).find('.tgme_widget_message_photo_wrap')?.map((_index, photo) => {
const url = $(photo).attr('style').match(/url\(["'](.*?)["']/)?.[1]
@@ -82,6 +103,8 @@ function getPost($, item, { channel, staticProxy, index = 0 }) {
text: content?.text(),
content: [
$.html($(item).find('.tgme_widget_message_reply')?.wrapInner('<small></small>')?.wrapInner('<blockquote></blockquote>')),
getImageStickers($, item, { staticProxy, index }),
getVideoStickers($, item, { staticProxy, index }),
getImages($, item, { staticProxy, id, index, title }),
getVideo($, item, { staticProxy, id, index, title }),
content?.html(),