Conversation

Notices

1. Embed this notice
   frogzone@wizard.casa's status on Thursday, 12-Sep-2024 04:53:59 JST frogzone

   • r
   • silverpill

   @marty_bent @silverpill @r hi champs, peertube posts have no image, at least not in bloat and mitra, i realize that :peertube_line: peertube servers want us to run the javascript to do peer-sharing in case a video goes viral, BUT at least an image with a cute (choice of :peertube_tv: :peertube_vert: :peertube_red: :peertube: ^_-) play button overlaid might be good to signal to the viewer that a peertube video is one click away? or something?

   is this possible? does peertube send out a thumbnail/hero image for us to use? if so i'll do research on how to integrate an svg with a png fallback specifically for the mitra ui, when hovering over the image, so a peertube emoji can be used. im pretty sure its possible to have a png fallback but i'll need to research.

   • Embed this notice
     silverpill (silverpill@mitra.social)'s status on Thursday, 12-Sep-2024 04:53:48 JST silverpill

     in reply to

     • r

     @frogzone @r @marty_bent Mitra will not embed remote media into posts, and downloading the whole video is probably not feasible. But I think PeerTube should provide a thumbnail image.

   • Embed this notice
     frogzone@wizard.casa's status on Thursday, 12-Sep-2024 04:53:54 JST frogzone

     in reply to

     • r
     • silverpill

     @r @silverpill @marty_bent >Pleroma seems to add the video as a normal attachment, with the source URL pointing to the static video on the Peertube server
     ha, typical peroma, but for non-js Bloat, is ok but for js Bloat i disagree with that approach.

     for mitraFE, js is already required also i would prefer sending ppl to the peertube page to do the peer-tubing that peertube is designed to do, unless it can be up to the peertube instance to decide on how to serve it on-the-fly, based on current server demand, but I doubt that functionality exists or is even planned.

     The other possibility is to click the thumbnail image of the video and THAT action fetches js from the peertube server to do all the fancy pants peertubing, a slightly dangerous solution tho, because foriegn js being loaded into the page from possibly a bad peertube. One way to ENSURE the js is ok is to do an integrity check on the js.... if it fails to match a shasum then the js doesn't get launched. In Tor Browser this would require restarting the page anyway, because you need to toggle and allow the foreign js in NoScript. Anyway I doubt the javascript is EXACTLY the same for every Peertube server so this might not be a workable solution anyway.

     the animated gif attached is what i'm thinking of for mitraFE, for external linking to peertube from an image. if you really want to be a bit fancy, a quick 250ms transtion from gray to white, and a subtle enlargement of the peertube emoji might be sexy.

     regardless it will ALSO might be good to include a "target="_blank" in the link so it is guaranteed to open in a new window without needing to middle click or right-click and say "Open in New Window".

     Blurry Moon repeated this.
   • Embed this notice
     r (r@freesoftwareextremist.com)'s status on Thursday, 12-Sep-2024 04:53:55 JST r

     in reply to

     • silverpill
     @frogzone @marty_bent @silverpill Pleroma seems to add the video as a normal attachment, with the source URL pointing to the static video on the Peertube server. Maybe Mitra can do something similar.
   • Embed this notice
     frogzone@wizard.casa's status on Thursday, 12-Sep-2024 05:21:56 JST frogzone

     in reply to

     • r
     • Gabe
     • silverpill

     @silverpill @r @marty_bent btw @gabriel is kindly hosting the torrent i shared....
     contains the :peertube:PeerTube and :fediverse2: fediemoji in png and svg formats:

     DOWNLOAD
     i2p : b32 : onion : legacy

     (you may want to optimize the svg before embedding it in html with a fallback png. When embedding, if you use a <title> element inside the svg, and put a <p> element in the <title> . you can style that <p> with a background image that is a PNG and the png will only load in Tor Browser, i just tried it on a lil stub page!!)

     #fediverseemoji #peertubeemoji #peertube #fediverse #peertubedev #peertubemeta #fedimeta #fedidev

   • Embed this notice
     silverpill (silverpill@mitra.social)'s status on Friday, 13-Sep-2024 08:35:12 JST silverpill

     in reply to

     • r

     @r @frogzone @marty_bent Mitra only parses the attachment array. But icon should be supported as well, I'll make the change

   • Embed this notice
     r (r@freesoftwareextremist.com)'s status on Friday, 13-Sep-2024 08:35:13 JST r

     in reply to

     • silverpill
     @silverpill @marty_bent @frogzone How does Mitra handle attachments from Pleroma and Mastadon? I don't think it'd be much different in the case of PeerTube.
   • Embed this notice
     silverpill (silverpill@mitra.social)'s status on Saturday, 14-Sep-2024 02:34:48 JST silverpill

     in reply to

     • r

     @frogzone @r @marty_bent I'm not planning to add overlay but maybe it will be possible to do with custom CSS

     https://codeberg.org/silverpill/mitra/issues/70

   • Embed this notice
     frogzone@wizard.casa's status on Saturday, 14-Sep-2024 02:34:49 JST frogzone

     in reply to

     • r
     • silverpill

     @silverpill @r @marty_bent ok sweet if you want me to do the peertube emoji overlay effects i don't know whether you want to use a flat or line version so ive exported both below

     flat :peertube:

     <svg width="16" height="16" version="1.1" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"> <path d="m0.804 9.29c0.0494-0.614 0.842-1.11 1.37-0.802l5.75 3.36c0.519 0.303 0.505 1.34-0.0331 1.64-1.61 0.892-3.36 1.79-5.08 2.46-0.573 0.224-1.53-0.304-1.63-0.912-0.294-1.83-0.537-3.87-0.386-5.74z" fill="#763fae"/> <path d="m7.97 2.58c0.507 0.35 0.541 1.29 0.00682 1.59l-5.78 3.31c-0.521 0.298-1.41-0.232-1.4-0.848 0.0326-1.84 0.13-3.81 0.409-5.63 0.093-0.609 1.03-1.17 1.6-0.954 1.73 0.658 3.61 1.47 5.16 2.54z" fill="#8fd4f2"/> <path d="m10.2 12.1c-0.556 0.264-1.38-0.174-1.38-0.789l0.0285-6.66c0.00227-0.601 0.906-1.11 1.43-0.79 1.58 0.949 3.23 2.02 4.67 3.17 0.48 0.385 0.501 1.48 0.024 1.87-1.43 1.17-3.08 2.4-4.78 3.2z" fill="#fd6b02"/> </svg>

     line :peertube_line:

     <svg width="16" height="16" version="1.1" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"> <g fill="none" stroke-width=".7"> <path d="m1.99 9.09c0.0432-0.535 0.736-0.967 1.2-0.698l5.04 2.93c0.454 0.263 0.442 1.17-0.029 1.42-1.41 0.776-2.94 1.56-4.44 2.15-0.502 0.195-1.34-0.265-1.42-0.794-0.258-1.59-0.47-3.36-0.338-4.99z" stroke="#763fae"/> <path d="m8.22 3.24c0.444 0.304 0.474 1.12 0.00598 1.39l-5.06 2.89c-0.456 0.259-1.24-0.201-1.23-0.738 0.0286-1.6 0.113-3.32 0.358-4.9 0.0814-0.529 0.9-1.02 1.4-0.83 1.51 0.573 3.16 1.28 4.52 2.21z" stroke="#8fd4f2"/> <path d="m10.2 11.5c-0.486 0.231-1.21-0.151-1.21-0.687l0.025-5.79c0.00199-0.523 0.792-0.963 1.25-0.689 1.38 0.826 2.82 1.76 4.08 2.77 0.42 0.334 0.438 1.29 0.021 1.62-1.25 1.02-2.7 2.09-4.18 2.79z" stroke="#fd6b02"/> </g> </svg>

     maybe add this inside so the p can be styled to grab a peertube_play@2x.png?

     <title><p><span>Peertube Play</span><p>

     maybe include this inside the link element for the "⼕￫ externalsite.video"? up to you:
     <span>&#x2f15;&#xffeb; externalsite.video</span>

     whatever you want to do i'm happy to style/animate things if you don't have time.

   • Embed this notice
     silverpill (silverpill@mitra.social)'s status on Saturday, 14-Sep-2024 19:03:33 JST silverpill

     in reply to

     • r

     @frogzone @r @marty_bent The viewer shouldn't be sent to another site on clicking. Thumbnail images will be displayed as regular attachments

   • Embed this notice
     frogzone@wizard.casa's status on Saturday, 14-Sep-2024 19:03:34 JST frogzone

     in reply to

     • r
     • silverpill

     @silverpill @r @marty_bent okay, but just one thing, how do you plan to make it obvious that the viewer will be sent to another website on clicking?

   • Embed this notice
     silverpill (silverpill@mitra.social)'s status on Sunday, 15-Sep-2024 04:25:21 JST silverpill

     in reply to

     @frogzone Mitra adds a text link if object is not a Note. I don't think PeerTube videos need any special treatment.

   • Embed this notice
     frogzone@wizard.casa's status on Sunday, 15-Sep-2024 04:25:22 JST frogzone

     in reply to

     • r
     • silverpill

     @silverpill @r @marty_bent how do we want a person go to access the peertube site, via a text link? that would seems to run counter to the mitra vibe of a clean ui, but its up to you.

     if its okay i'll stop tagging Marty and r in the next comment.... thanks Marty for the EXCELLENT interview and thanks r for your help.

     (as an aside the thumbnail image is very small, if i were you id choose the 2nd image instead, the "preview" image, then you can make that higher res jpg span the full width of the timeline and itll still look good, i can't see the tiny thumbnail being much use on mitra, unless you plan to display videos in a channel in a 4 column layout or something.)

   • Embed this notice
     silverpill (silverpill@mitra.social)'s status on Sunday, 15-Sep-2024 17:47:51 JST silverpill

     in reply to

     @frogzone Videos are easy to identify, and I'll consider making an exception for them later. But for now preview will be displayed as a regular attachment.

   • Embed this notice
     frogzone@wizard.casa's status on Sunday, 15-Sep-2024 17:47:52 JST frogzone

     in reply to

     • silverpill

     @silverpill i guess i think peertube IS a special case. whenever i have stumbled over a peetrube i have tended to be happy that i did.since coming to mitra ive not noticed them, and i thought that maybe peertube stopped working.

     having said that i don't know how easy it is to identify a post as a peertube vid programmaticall, so *shrugs*

   • Embed this notice
     silverpill (silverpill@mitra.social)'s status on Thursday, 26-Sep-2024 05:25:32 JST silverpill

     in reply to

     @frogzone mitra 3.5.0 displays PeerTube thumbnails, and target=_blank is added to links

   • Embed this notice
     silverpill (silverpill@mitra.social)'s status on Tuesday, 31-Dec-2024 02:39:39 JST silverpill

     in reply to

     • r

     @r I might have missed the question. Recent versions of Mitra display thumbnail image published by PeerTube as a media attachment. Also, URL of a Video object is appended to Status.content (I geuss some clients may use it to generate link preview)

     @frogzone

   • Embed this notice
     frogzone@wizard.casa's status on Tuesday, 31-Dec-2024 02:39:40 JST frogzone

     in reply to

     • 翠星石
     • r
     • silverpill
     • Nimda
     • God Emperor of Mastodon

     yes @r, normally i would agree with you and just embed a video with html5, you are most welcome to do this approch in Bloat, but then you will lose some of the couple of benefits of using peertube's js. also to quote @silverpill elsewhere in this thread:

     >Mitra will not embed remote media into posts, and downloading the whole video is probably not feasible.

     my css solution is really targeted at mitra, and its just about saying "its a video!" and "its external!", sorry if i created confusion by animating it over the Bloat interface. i think i would use a simpler style.... no movement animation or color if i were to do this for bloatFE. Something like "Video at <externalsite.com>" might be on top of the thumbnail and that would be all.

     @nimda @Suiseiseki @mms

   • Embed this notice
     r (r@freesoftwareextremist.com)'s status on Tuesday, 31-Dec-2024 02:39:40 JST r

     in reply to

     • 翠星石
     • silverpill
     • Nimda
     • God Emperor of Mastodon
     @frogzone @Suiseiseki @mms @silverpill @nimda
     >also to quote @silverpill elsewhere in this thread
     Yeah, and I also asked what the differences are in the handling of media from Pleroma/Mastadon and Peertube, but he did not answer. If Mitra already shows pictures/videos from Pleroma, then I don't think there needs to be any special handling for Peertube, unless there's a specific reason for it.
     >and its just about saying "its a video!" and "its external!"
     Well, it's a federated network, anything posted by a remote user is going to be external.
   • Embed this notice
     frogzone@wizard.casa's status on Tuesday, 31-Dec-2024 02:39:43 JST frogzone

     in reply to

     • 翠星石
     • r
     • silverpill
     • Nimda
     • God Emperor of Mastodon

     cc: @silverpill @nimda @r @Suiseiseki

     @mms very intersting article about ditching (screw)tube trackers on a site.... even Goolg are against their trackware lol, thanks Michal.

     a corollary.... for tor browser enjoyers that use Safest mode, i strongly recommend using ublockorigin (tor in tailsOS has it) and i recommend adding the following in ublock's 'My Filter' tab to block google trackware:

     fonts.googleapis.com google.com ytimg.com youtu.be youtube.com youtube-nocookie.com

     none of the above services work in tor browser safest mode anyway, so no loss and all (#privacy) gain.

     -----

     In the article a ▶️ play image is baked into the image, but this will double the amount of lossy artifacts or increase the image filesize. what has been interesting to me is to develop something using css.

     it seems this instance purges images that are a few months old (see # DCN for a solution to this), so i am re-uploading the two gifs that i made in sept and published above this post.

     if there is adequate interest in for this i will roll up the css sleeves. my css stills have not been honed in a while so the solution might not be the best. i'll probably use a <span> containing the domain name in an <a> tag that has the thumbnail as the bg, then a :before and :after psudo element for the external link emojis and the peertube emoji itself???

     maybe there's a better way....

   • Embed this notice
     r (r@freesoftwareextremist.com)'s status on Tuesday, 31-Dec-2024 02:39:43 JST r

     in reply to

     • 翠星石
     • silverpill
     • Nimda
     • God Emperor of Mastodon
     @frogzone @Suiseiseki @mms @silverpill @nimda I still think that it's a better idea to let the browser render the play icon and the thumbnail from the video URL rather than trying to do it with CSS.
   • Embed this notice
     frogzone@wizard.casa's status on Tuesday, 31-Dec-2024 02:39:44 JST frogzone

     in reply to

     • r
     • Gabe
     • silverpill

     @silverpill @r @gabriel @marty_bent i also did some foraging a couple hours ago and found the these 2 glyphs ⼕￫ to imply "External link"

     now this....