WebM Embed Plugin

[shinyidol]

Since NodeBB is on the cutting edge I figured it would be a great place to have a plugin that displays WebM files in hope of replacing animated GIFs.

4Chan just allowed WebM, which you can read about here, http://blog.4chan.org/post/81896300203/webm-support-on-4chan

Between the quality and file size, it is pretty amazing what you can do with a modern technology.

[julian]

@shinyidol I love WebM!

Not sure what's required to show a webm plugin, though? Natively supported by browsers?

[a_5mith]

@julian

Supported Web Browsers

Mozilla Firefox 4 and later
Opera 10.60 and later
Google Chrome 6 and later
Microsoft Internet Explorer 9 and later (requires WebM MF components)

More in depth compatibility here: http://caniuse.com/webm

Definitely would be great to see support for it.

EDIT: How on earth did I wrap that in a code box. Was it the 4 spaces? Markdown ist ein confusing me.

[Scuzz]

I have only recently heard about WebM because of 4chan.
Is this similar to HTML5 video? I know some image hosts can convert .gifs to html5 video. They are smaller in load a lot faster.

[finid]

@Scuzz

WebM is an open video format for the Web designed to work with HTML5 video. It is sponsored by Google. Aside from WebM, there's also WebP, for still images. What I like about both is that files in both formats tend to be smaller than in other formats. More here.

[a_5mith]

All we need is for imgur to start supporting this so we can just add it to the plugin.

Seem to recall them mentioning they had no intention of doing so yet though.

[shinyidol]

@julian said:

@shinyidol I love WebM!

Not sure what's required to show a webm plugin, though? Natively supported by browsers?

They display natively, but only when called by a player or <video>. To get this working a simple plugin would let a user embed a .webm file and fill in the <video></video> for them. 4Chan capped theirs to being 15 seconds long and no sound.

  <source src="url" 'video/webm;codecs="vp8, vorbis"'
</video>```

It would be nice if imgur supported it, but that doesn't look like it will happen.

I'm seeing people make Chrome extensions that will just see the link and display, such as this https://chrome.google.com/webstore/detail/webm-for-neogaf/gcjkaaggachnbhepejjhfacpldjflffl

[a_5mith]

Going to be looking into this this evening, seems like a good time to learn how to make a plugin.

[psychobunny]

Forget about WebM. GIF's are where it's at:

[a_5mith]

imgur are adding support for webm as a fallback to their own version of it called gifv.

No gif could express how good this is. any gifs uploaded to imgur will automatically be converted to gifv. All existing gifs have been converted too. Not sure how we go about supporting it though just yet.

LEt's try this:

http://i.imgur.com/zvATqgs.gifv

[fuzzmz]

@a_5mith, correct me if I'm wrong, but from what I understand from their Introducing GIFV blog post .gifv is a MP4 container and not a WebM one.

Basically they just use that wrapper to avoid having playback controls around the video.

[a_5mith]

@fuzzmz Correct, but they're using webm as a fallback if the browser doesn't support flash/mp4 playback in the coming weeks. (Was confirmed via twitter here)

[julian]

Wow, that works surprisingly well. Gfycat bankedon WebM with an mp4 fallback, but imgur seems to have taken the opposite approach, and it's working well for them.

[Jermain Am]

This post is deleted!

[Xanthrop]

How do I get this working? I am trying to allow embed of gifv. Here, it embeds just fine. On my board, it just pastes as a hyperlink.

[PitaJ]

@xanthrop nodebb-plugin-iframely

[Xanthrop]

@pitaj Thank you, I installed this and restarted. If I paste the url

https://i.imgur.com/zw6fujO

It just looks like that in my composer, it doesn't retrieve the content from the url and display it, like it does below.

https://i.imgur.com/zw6fujO

[Xanthrop]

oh it needs an api. is it a pay service only?

[teh_g]

@xanthrop said in WebM Embed Plugin:

oh it needs an api. is it a pay service only?

They have a free tier for pretty low number of hits on their API (1000 / month). You can also self-deploy if you don't want to host it yourself.

I use their hosted option on my forum, it has been great.

[Xanthrop]

perfect! where in the admin do i enter the api info? i dont see a section in the plugins drop down.