Loomio

HTML5 media embed

JS Juan Santiago Public Seen by 167

We've talked about this:

https://www.loomio.org/d/hAd4SHYa/enable-html5-video-audio-tags

https://www.loomio.org/d/L0GCaZqf/cross-posting-mediagoblin

https://diasp.org/posts/3518976

Now redmatrix can do that.

Is it a good idea to look as it redmatrix does and make in Diaspora?

This seems to me a very imporant business, I have no knowledge of code enough to put my hands, is there anything I can do?

Do you think that this is a priority for diaspora?
How complicated is it?

F

Flaburgan Tue 29 Sep 2015 4:45PM

@juansantiago what's the syntax used by RedMatrix?

CS

Comrade Senya Tue 29 Sep 2015 7:07PM

Redmatrix uses a kind of BBcode itself, but I haven't managed to get the integration with diaspora work and to see what comes to our side.

CS

Poll Created Tue 29 Sep 2015 7:10PM

Use the link syntax for embedding Closed Mon 12 Oct 2015 2:08AM

Outcome
by Comrade Senya Tue 25 Apr 2017 5:15AM

Though it would be technically the easiest, I don't think we should accept this proposal, because we don't have anything close to consensus.

Results

Results Option % of points Voters
Agree 54.2% 13 JH T SVB F S TS KAK MV J AF F CS RM
Abstain 0.0% 0  
Disagree 37.5% 9 F PP R JS FL N S N
Block 8.3% 2 JR DU
Undecided 0% 130 JL BK ST FS MS TS AA S CB HF BO DM GC JH M EG G AX PC BB

24 of 154 people have participated (15%)

CS

Comrade Senya
Agree
Tue 29 Sep 2015 7:18PM

With the link syntax a markdown output will look clear even if used with software, which don't have an idea about embedding.

F

Flaburgan
Disagree
Tue 29 Sep 2015 10:13PM

I really think we should stay as close as possible to the standard even if that means harder or no retro compatibility.

JH

Jonne Haß
Agree
Wed 30 Sep 2015 7:26AM

There's no widely adopted standard yet, so compatibility wins.

JR

Jason Robinson
Disagree
Wed 30 Sep 2015 3:50PM

like for images

SVB

Steffen van Bergerem
Agree
Thu 1 Oct 2015 6:53AM

see comment

PP

Pirate Praveen
Abstain
Thu 1 Oct 2015 10:00AM

I'm happy with either, a standard would be better

S

SuperTux88
Agree
Thu 1 Oct 2015 12:23PM

Steffen++

DU

Deleted account
Disagree
Fri 2 Oct 2015 7:34AM

I consider it an ugly patch to sidedtep a problem.

JS

Juan Santiago
Disagree
Sat 3 Oct 2015 11:24AM

better split link and embed sintaxis

N

nolcip
Disagree
Sun 4 Oct 2015 11:40AM

Extend embed images syntax ![]() so it becomes an abstraction for embedding all kinds of media.

Preserve []() for when the user just wants to link to external content.

F

Faldrian
Agree
Sun 4 Oct 2015 2:23PM

Steffen++, but I sometimes wish to have more control when diaspora embeds something. Sometimes I want to post just the link or embed the second link... this would need more work. :)

TS

Trolli Schmittlauch
Agree
Sun 4 Oct 2015 4:07PM

Steffen++
When CommonMark has chosen a standard we should adopt it

R

Ravenbird
Disagree
Sun 4 Oct 2015 4:08PM

I also think we need a 'markdown way' for this.

FL

Frode Lindeijer
Disagree
Mon 5 Oct 2015 10:02AM

should embed all supported media types. should just link.

PP

Pirate Praveen
Disagree
Mon 5 Oct 2015 11:02AM

I like the idea of linking and embedding all suported types. Simple and easy to extend. No confusions or need to learn a new syntax.

DU

Deleted account
Block
Mon 5 Oct 2015 8:49PM

I consider it an ugly patch to sidedtep a problem.
EDIT: As Comrade Senya asked. Strong opposition so I block.

RM

Ryan M
Agree
Mon 5 Oct 2015 11:36PM

I think it's a good idea

N

naught101
Disagree
Tue 6 Oct 2015 2:00AM

Stick to standard markdown. There should be at most one embedded video/file per post - posts with multiple videos would be chaos, and I really don't want that on my feed.

Deleted account
Disagree
Sun 11 Oct 2015 8:39AM

I'm in favor of the equals embed, equals link concept.

JR

Jason Robinson
Block
Sun 11 Oct 2015 2:15PM

like for images

Embed in place with the link concept will break posts really badly that don't even want to embed.

F

Flaburgan Tue 29 Sep 2015 10:15PM

@comradesenya I think you should detail a bit the pro and the cons of the link syntax ([]()) versus the embedding syntax (![]())

CS

Comrade Senya Wed 30 Sep 2015 1:04AM

Well, actually ![]() is not a standard and not even an extension. The CommonMark people are still discussing the syntax as we do. And they have alternative proposals like !audio[]() syntax. I also have an idea just now come to my head - to use text inside the square brackets to mark media type like ![embed:audio alt_text](url).

CS

Comrade Senya Wed 30 Sep 2015 1:06AM

I'll try to sum up details a little bit later.

CS

Comrade Senya Wed 30 Sep 2015 12:19PM

The link syntax([]())
pros:
Will look nice even with software, which doesn't support embedding.
cons:
Will be unable to post a link without embedding.
The image syntax ![]()
pros:
The syntax is unambiguous if the software supports it. Proposed and used by somebody in the CommonMark community.
cons:
Looks bad if used with unsupported software (e.g. older versions of diaspora). Require more work to deal with tumblr export and mobile versions of diaspora.

JR

Jason Robinson Wed 30 Sep 2015 3:36PM

cons:
Will be unable to post a link without embedding.

What do you mean?

CS

Comrade Senya Wed 30 Sep 2015 3:39PM

I mean, that if you post [title](http://example.com/file.webm), then it'll be replaced with embed, and you can't have it as a usual link.

JR

Jason Robinson Wed 30 Sep 2015 3:49PM

Ah ok, that shouldn't be a big issue I guess.

But still, I think I prefer the consistency for towards image embeds, so I'm voting for that.

SVB

Steffen van Bergerem Thu 1 Oct 2015 6:53AM

We could use the link syntax until there is an approved standard. Switching to the standard later would display the embedded audio/video files as links which should be fine.

I'll vote with "Yes" but I'll only support this proposal until there is an approved standard.

DU

Deleted account Fri 2 Oct 2015 7:39AM

I think loosing possibility for the user to format himself the message (he can't choose anymore whether he wants to embedd or link) is not worth.

Someone else proposed an alternative syntax: ~[]() for audio and #[]() for video. ~ representing audio wave and # representing video image.

JH

Jonne Haß Sat 3 Oct 2015 4:22PM

Seems controversial, I'd say let's extend the voting time a bit.

CS

Comrade Senya Sun 4 Oct 2015 2:20AM

I've extended it for 24 hours more.

Well, I don't know the usual voting procedure, but since we don't have any blocks and the majority agrees, maybe we can consider it accepted? I mean, if a voter is strongly against the proposition, the he votes for block which means we can't accept it. And if it is just "disagree", then IMO it means: "I disagree, but I'm OK if majority is opposite".

Alternatively, we could conduct another voting for the image syntax and see, what happens.

N

nolcip Sun 4 Oct 2015 10:12AM

I've detailed a bit more my implementation for inline image-like video/audio embed.

http://blog.podricing.pw/multimedia-support.html

JH

Jonne Haß Sun 4 Oct 2015 10:39AM

@comradesenya I usually try to include two full weekends, but yeah, looks like this will pass.

@nolcip note that this proposes to do what your script does essentially, just for []() instead of ![]().

DU

Deleted account Sun 4 Oct 2015 11:44AM

I just want to highlight that, []()has been proposed to manage incompatibility with old versions but, if later ![]() syntax is adopted in the standard --- which has great chances to happen, as it is syntactically more logical --- you are in any case creating an incompatibility. Plus, people will be used to []() syntax to embed audio and video medias and they'll have to change their habits again. This look really an awful solution.

JR

Jason Robinson Sun 4 Oct 2015 2:03PM

I wonder if this passes how we are going to communicate this this to users?

So to make links, do [](http://uri). Except if that uri is a video of certain types, it will embed it. To embed images, use ![](http://). Why? Lol.

Confusing? Yes :)

CS

Comrade Senya Sun 4 Oct 2015 8:02PM

@jasonrobinson, on the other hand, adding a link in the []() way is how people post links to audio/video URL sometimes (example example example). Because it is natural as well, while not having a possibility to use special embedding syntax to post just a usual link.

I wonder why can't we vote for several proposals at the same time here, it would have been handy.

Maybe supporting both syntax type simultaneously? Yes, we will lost a possibility to post a simple link to a media file, but nobody really needs it. If you have a media player - you can download a media file with a right click. You hardly want to have such link, so not a big issue IMO.

CS

Comrade Senya Sun 4 Oct 2015 8:40PM

I just noticed, that posting a bare link without any syntax (just https://......) produces an embed as well (appears that Diaspora replaces it with a link []()). And that makes good sense as well, because it is similar to how the youtube embeds are done.

So maybe not that confusing and contradictory as might seem?

JH

Jonne Haß Sun 4 Oct 2015 9:35PM

Mmmh, actually why don't we only autoembed for bare links for now? That would be consistent with the oEmbed embeds.

JR

Jason Robinson Mon 5 Oct 2015 10:11AM

@comradesenya

I just noticed, that posting a bare link without any syntax (just https://……) produces an embed as well (appears that Diaspora replaces it with a link ). And that makes good sense as well, because it is similar to how the youtube embeds are done.

This is totally unrelated. It is not an embed tag that does this, we just do an embed or preview based on the first url in the post. The user has no control whether this happens or where it is rendered (at the end).

TBH, if we can't use the same embed code as for images then lets not please use any at all for some hacky short term solution that will only confuse users.

Also, before auto-embedding the first link for audio and video, it should be then taken into account is it a good idea then to use any tags for direct embedding? Because in this case it would mean embedding it twice for a post with a single audio element, for example.

G

goob Mon 5 Oct 2015 11:40AM

So to make links, do . Except if that uri is a video of certain types, it will embed it. To embed images, use . Why? Lol.

Isn't that exactly what happens currently? Except this proposal will extend embedding to more types of content?

I'm not going to vote on this as I don't have a strong feeling so will leave it up to those of you who understand the technical side of it better!

JR

Jason Robinson Mon 5 Oct 2015 11:49AM

Isn’t that exactly what happens currently? Except this proposal will extend embedding to more types of content?

No, this proposal would mean that []() would embed in place content, not create a link to it, like happens now.

CS

Comrade Senya Mon 5 Oct 2015 12:48PM

I think I won't extend the voting anymore. If you are really against the link syntax, please block the proposition.

Imagine what will happen, if they would accept something different than ![]() as a standard (and consider it as the image only syntax)? Then we'll have to change it, and everything in the past will get broken. With links it'll at least look nice. (and we still don't have a post edit feature, so nobody can fix the old posts).

PP

Pirate Praveen Mon 5 Oct 2015 12:51PM

@comradesenya we consider a block as no only here. So I think it makes sense to extend it for a week more at least since it is so close.

CS

Comrade Senya Mon 5 Oct 2015 5:21PM

Ok, I've extended it till the next Monday.

DU

Deleted account Mon 5 Oct 2015 8:49PM

Mmmh, actually why don’t we only autoembed for bare links for now? That would be consistent with the oEmbed embeds.

You just completely loose formatting possibility. It's a huge step backward.

Imagine what will happen, if they would accept something different than ![]() as a standard (and consider it as the image only syntax)?

Well there's two solutions: they adopt ![]() and by choosing []() you are creating an incompatibility and by choosing![](), you are not. They choose, let's say ~[]() and #[]() and in any case you are creating an incompatibility. So I let you deduce which one is safer.

J

jpope Mon 5 Oct 2015 10:29PM

The standard markdown image posting has to stay but, we could use more direct embedding options.

CS

Comrade Senya Tue 6 Oct 2015 2:15AM

There won't be a limitation to one video. Personally I see this limitation weird - we have to give user wider possibilities and not restrict him.

CS

Comrade Senya Tue 6 Oct 2015 2:18AM

Ok, now we have a block. If I understand the process of voting correctly, this means, it wouldn't pass. What should we do now? Shut the voting and conduct a new one?

Sorry for the mess. I'm doing it all for the first time.

N

naught101 Tue 6 Oct 2015 2:26AM

It would be better to actually discuss Augier's points about incompatibility and alternative ideas for syntax, and see if a decent compormise can be found before starting a new proposal.

CS

Comrade Senya Tue 6 Oct 2015 2:43AM

The only decent decision is to wait for CommonMark to adopt a standard. Every other option is an attempt to guess the future.

G

goob Tue 6 Oct 2015 11:01AM

No, this proposal would mean that would embed in place content, not create a link to it, like happens now.

Try providing a link to e.g. a YouTube video using []() syntax - it'll embed it. This already happens with a number of sites.

If you mean that embedded content will in future be displayed at the exact point in the post at which the link was entered, I didn't see anything in the proposal specifying that.

CS

Comrade Senya Tue 6 Oct 2015 1:04PM

This proposal is not to discuss a place for the embed. The code is
written already, and it embeds in-place.

This proposal is to discuss a syntax for that to happen.

CS

Comrade Senya Sun 11 Oct 2015 3:58AM

Hey guys!
While some of you are in Paris together, maybe you find time to discuss the matter live? That can be productive.

JR

Jason Robinson Sun 11 Oct 2015 2:15PM

This proposal is not to discuss a place for the embed. The code is written already, and it embeds in-place.

The embed in-place is a bit of a blocker for using the link concept. This will really break posts where the user only wants to link, not embed. Sorry, I feel this is a bad way to go forward.

CS

Poll Created Mon 12 Oct 2015 9:43AM

Implement two syntax types with a different effect Closed Mon 26 Oct 2015 3:07AM

Outcome
by Comrade Senya Tue 25 Apr 2017 5:15AM

Not accepted

Since we have a discussion concerning a place for an embed, I'd like to suggest the following.

How about implementing both syntax types simultaneously, but make them produce a different effect?

If a user use the link syntax [](), then we embed in the way it does with youtube - to the end of the post. If the image syntax ![]() is used, then we embed it in-place, like we do for images.

I remind you, that CommonMark still don't have any standards about html5 media embedding, so an alternative for this proposal is to wait while they release a standard.

Results

Results Option % of points Voters
Agree 40.0% 4 JR F R CS
Abstain 20.0% 2 DU
Disagree 40.0% 4 JH SVB S TR
Block 0.0% 0  
Undecided 0% 136 JL BK ST FS MS TS AA S CB HF BO DM GC JH M EG G AX PC PP

10 of 146 people have participated (6%)

JH

Jonne Haß
Disagree
Mon 12 Oct 2015 9:51AM

There are downsides to doing either or now, I favoured beause I saw its downsides less strong. This is getting us both downsides, sorry. Additionally I think this is confusing, as it also makes posts inconsistent.

Deleted account
Abstain
Mon 12 Oct 2015 10:03AM

I would prefer to use for links only, without embedding.
When posting multiple youtube videos (using ) it is not obvious which gets embedded with this syntax.
I am in favor of using for all embedding purposes.

TR

trekkie@nomorestars.com
Disagree
Wed 14 Oct 2015 2:37PM

While a lot of us are nerds or coders, markdown is more regular user friendly. This method seems more confusing than useful.

DU

Deleted account
Abstain
Thu 15 Oct 2015 7:09PM

No strong opinion on this. Let's see what other think.

F

Flaburgan
Agree
Sun 25 Oct 2015 11:34AM

As long as []() still produces a link, I don't see any problem to also embed it at the end of the post.

If we don't want to implement a syntax which will possibly change, then maybe ![]() can wait for CommonMark.

S

SuperTux88
Disagree
Mon 26 Oct 2015 12:46AM

jonne++

JH

Jonne Haß Mon 12 Oct 2015 9:52AM

Why not make a simple proposal about whether to embed in place or the first one at the end?

JR

Jason Robinson Mon 12 Oct 2015 12:57PM

Why not make a simple proposal about whether to embed in place or the first one at the end?

++

JR

Jason Robinson Mon 12 Oct 2015 1:00PM

Hmm no actually I think this makes sense, kinda. Youtube type of embed at end of post should be done whenever a link is posted to the resource, be it either plain paste of link or the link format [](). And for embedding in place, ![]() should be the format for whatever embed in place, be it images, video etc.

This is how things work now, except it would be nice to also embed the first image of the post to the message if it is not using the embed syntax, just not in place. This is how for example Facebook works (except they don't support embed in place).

SVB

Steffen van Bergerem Mon 12 Oct 2015 6:02PM

One might even consider completely dropping the automatic embeds at the end of a post. Instead users could define themselves, which content should be embedded and where it should be displayed: via Markdown if we embed in place. This would of course mean that we use some syntax which is different from the link syntax.

Someone mentioned
@[]() for audio embeds and
^[]() for video embeds here.

I am not saying that we should definitely adopt this (haven't decided on my favorite proposal yet) but I wanted to drop this here as another possible syntax.

F

Flaburgan Thu 15 Oct 2015 10:38AM

@trekkie we're discussing the "regular user" vs "markdown" problem in the thread about the publisher, and we will solve it don't worry, let's not discuss about that here and stay in topic ;)

F

Flaburgan Thu 15 Oct 2015 10:39AM

So, instead of guessing, what about being involved in common-mark and try to take a decision with everybody there?

DU

Deleted account Thu 15 Oct 2015 7:09PM

One might even consider completely dropping the automatic embeds at the end of a post.

All of them? Including website abstracts and YT embeds?

So, instead of guessing, what about being involved in common-mark and try to take a decision with everybody there?

Yep, this is a goo idea.

JR

Jason Robinson Mon 26 Oct 2015 7:10AM

Just add it to the end of the post like Youtube - no proposal needed for that imho since it doesn't break any existing posts. Once CommonMark agrees on a standard we could embrace that then.

CS

Comrade Senya Mon 26 Oct 2015 11:16AM

Well, I don't like the idea of embedding in the end of the post at all, but that wouldn't be such a big problem if it didn't require full reimplementation of 6418.

C

Creak Sun 29 Nov 2015 10:32PM

I read all the comments (pfiou!).

To me, there are two distinct ways to embed a media:
1. Interpret the first link (raw or []()) and embed the media at the end of the post. This is what FB, G+ and Twitter do
2. Use a specific syntax saying that you want to embed something (could be ![](), but I've got some concerns about that, see below). Being able to choose where to embed media in the post is a unique and useful feature D*

I don't think []() should be used to choose where to embed media. So, that would be a no for me.

About the ![]() syntax, that would be extremely cool that one syntax could regroup all the embedded media types, but that depends on one big condition: is it possible/wanted to detect the media type dynamically?

If we decide to use a common syntax for all the media types (image, audio, video), it seems to break the principle of the Markdown syntax: one statement = one HTML tag. Here we would have one statement that could be translated into either , or . Is it even possible?

CS

Comrade Senya Thu 14 Apr 2016 10:39PM

I personally think that ![]() is error prone and unacceptable.

I also strongly beleive the media should be embedded in-place, not in the end of the post. If someone doesn't agree, let's discuss it or create voting proposal for that.

Here was proposed an idea, that we can embed media which are the only element in paragraph and leave them as links where they aren't. The main complaint about link syntaxt was that it didn't allow to decide whether to embed or not. And thus it'll be kind of solved.

So if I write

blablabla

[text](link.webm)

blablabla

It'll be embedded. And if I write blablabla: [text](link.webm) it won't.

So if a user wants to show link but not video, he just has to add some text on the same line with the link. It'll require quite a rewrite of my related PR, but I'm ready to to that, if we agree upon the idea.

CS

Poll Created Thu 14 Apr 2016 10:51PM

Embed direct links to media files in-place in posts Closed Mon 25 Apr 2016 5:08AM

Outcome
by Comrade Senya Tue 25 Apr 2017 5:15AM

We agreed that we should allow user to embed media in-place

This proposal doesn't focus on syntax. It is rather about a place to embed media. I propose to allow in-place embedding of media which is embedded directly with HTML5 supported media types. This mean they will be placed at the point where the markdown directive is written. On countrary, youtube and vimeo now get embedded at the end of the post. This also means, that it's possible to embed more than one media file in a single post (vk.com allows it, for instance). This doesn't mean every link to the media file will be replaced! Even if we pick the link syntax for embedding, we can implement it so the media embeds only when it is the only element in the paragraph (see my comment for explanation).

Results

Results Option % of points Voters
Agree 100.0% 12 ST JR PP E M R KAK FL AF CS C
Abstain 0.0% 0  
Disagree 0.0% 0  
Block 0.0% 0  
Undecided 0% 133 JL BK FS MS TS AA S CB HF BO JH DM GC JH F M EG G AX PC

12 of 145 people have participated (8%)

JR

Jason Robinson
Agree
Fri 15 Apr 2016 5:13AM

Sure, it would be logical if it follows the same syntax as images for example, which are embedded in place. Any other syntax and embedding in place would be highly confusing.

C

Creak
Agree
Mon 18 Apr 2016 12:14PM

One important criteria for me: I need to be able to choose which media I want to embed or just link in my posts.

ST

Sean Tilley
Agree
Thu 21 Apr 2016 8:42AM

It would be hugely beneficial to allow HTML5 videos to be embedded in posts. This would also give greater utility to hosting videos on MediaGoblin.

CS

Comrade Senya Fri 15 Apr 2016 10:28AM

@jasonrobinson, I would prefer embedding with the link syntax, but only in case when the link is the only element on the paragraph. That won't be confusing, right?

JR

Jason Robinson Wed 20 Apr 2016 4:54PM

Yes I think it is confusing if it doesn't work like images do. People are already used to ![]() - why should embedding in place anything else work any differently? That would be confusing for users, there already is two ways to embed things:

  • in place with ![]() for images
  • end of post for anything that support oembed

Having a third option for audio etc would be confusing.

F

Flaburgan Fri 15 Apr 2016 10:57AM

Looking at the discussion at commonmark it looks like ![](http://example.com/song.mp3) will become the syntax, even if nothing is really acted yet.

R

Ravenbird Sat 16 Apr 2016 5:43AM

I think it's important that diaspora only accept audio and video content that's delivered over https because of the security reasons.

M

Miko Sun 17 Apr 2016 2:32PM

but why that? we r terrorized allover, stations closed, journalists delivered, tortured & killed, paranoia is immanent in the subject and that's why I vote against that-> frankly, I don`t believe in that "standard and rather would use kind of ISSecAuth:? :sweat_smile:

C

Creak Mon 18 Apr 2016 12:17PM

I'm all for a good handling of the media formats in our posts and the possibility to choose the layout of it.

Personally I'd prefer not to have the auto-embedding feature. I'm sure that a good "post editor" can easily replace this feature.

Imagine that if you type a link with the syntax [](), the post editor detects that it is a mere link to a page or a link to a media type, and then propose you to switch the syntax with ![]() and vice-versa.

F

Flaburgan Wed 22 Feb 2017 8:49AM

For information, gitlab allows to embed video and it uses the ![]() syntax, see the Gitlab Flavored Markdown doc.