XF 1.1 BB Code Media Improvements in XenForo 1.1

This video looks at some of the improvements we have made to the BB code media system in XenForo 1.1, allowing you to embed media from a far wider variety of sources.

To view this content we will need your consent to set third party cookies.
For more detailed information, see our cookies page.

Update:

Let's call this rapid feedback reaction or something buzz-wordy like that. Anyway, just a few hours after posting the last video, I have a little update for you :)

To view this content we will need your consent to set third party cookies.
For more detailed information, see our cookies page.
 
This video looks at some of the improvements we have made to the BB code media system in XenForo 1.1, allowing you to embed media from a far wider variety of sources.

To view this content we will need your consent to set third party cookies.
For more detailed information, see our cookies page.

Update:

Let's call this rapid feedback reaction or something buzz-wordy like that. Anyway, just a few hours after posting the last video, I have a little update for you :)

To view this content we will need your consent to set third party cookies.
For more detailed information, see our cookies page.
As the guy who made over 200 definitions for the AME (Auto Media Embedding) system that The Geek designed, and who is likely going to have to pick up the product's development, I have a few questions/comments on this functionality.

First, let me ask about your first video where you create a function call to get the media ID for MegaVideo. The problem I often ran into with AME, was I often ran into websites where the media ID was on a completely separate webpage than where the video was. MiniClip, for example, was like MegaVideo. The relavant ID number was in the Embed HTML, but not anywhere in the URL string. That wouldn't have been a problem otherwise, since AME has an Extraction RegEx feature where I could match anything I wanted from the target HTML page. The problem with sites like MiniClip was that the Embed HTML was not on the target page. It wasn't even in the flashvars, like it was with Megavido. It was in a pop up window on a completely different page. If I'm understanding your video correctly, I should be able to target another page to extract the media ID I need to make that functional, presuming the extraction page's URL is something I can also do a RegEx match to, correct?

Another question I have is with regard to what I think made AME so popular. Importable/Exportable definitions. Yes, regardless of the folks in this thread who do and don't get that auto-embedding is one of the most hassle free, don't-even-have-to-tell-your-users-it-even-exists abilities their forum could ever have, the one thing that kept it popular was the ability for the community to share websites they had made themselves. Now, I made probably 80-90% of the existing definitions, excluding one's others had made and I had to remake as websites CONSTANTLY changed over time (I'm looking at you EASports.com), but the fact that the community could share and exchange definitions, even when I had to dissapear for a six months at a time, is what kept the modification hugely popular. Even now, I've got folks cheering me on to make more of these. Will BBCode media have any functionality like this?

Also, will this still be workable for websites who provide their embed code as a JavaScript function?

And as a suggestion, the styling options of AME (2.5, anyway) were also an underused and underdeveloped ability. Rather than a simple link below the video (which it can do) the default ability is a container that can be toggled on or off, where the video appears in a box with a header that uses vB's tcat class (your category colors). People can turn the container off, or restyle the container via templates. I think the ability to restyle the templates was a fantastic feature, but underused because it wasn't part of the core styling. I often had to adjust things for people, because their custom skin wasn't made for it. What a more likely to be used feature it would be, if it was a core feature. Meaning, developers designing skins would have to account for it. Meaning another great looking aspect for xenForo with some great potential extensibility. I can't tell you how many times people wanted me, even though I wasn't the developer, to add lightbox capability, or AJAX, or to open in a pop up window, or to summon cats upon activation, or...well, you get the idea.

I will very likely have a xenForo license around early 2012, barring the off famine, flood or pestilence. So I'd be very interested in developing BBCodes for websites much like I did with AME, if possible. And I know I'll want to extend my own website, either way.

Oh yeah, videos probably shouldn't embed when quoted. :P
 
As the guy who made over 200 definitions for the AME (Auto Media Embedding) system that The Geek designed, and who is likely going to have to pick up the product's development, I have a few questions/comments on this functionality.

First, let me ask about your first video where you create a function call to get the media ID for MegaVideo. The problem I often ran into with AME, was I often ran into websites where the media ID was on a completely separate webpage than where the video was. MiniClip, for example, was like MegaVideo. The relavant ID number was in the Embed HTML, but not anywhere in the URL string. That wouldn't have been a problem otherwise, since AME has an Extraction RegEx feature where I could match anything I wanted from the target HTML page. The problem with sites like MiniClip was that the Embed HTML was not on the target page. It wasn't even in the flashvars, like it was with Megavido. It was in a pop up window on a completely different page. If I'm understanding your video correctly, I should be able to target another page to extract the media ID I need to make that functional, presuming the extraction page's URL is something I can also do a RegEx match to, correct?

Another question I have is with regard to what I think made AME so popular. Importable/Exportable definitions. Yes, regardless of the folks in this thread who do and don't get that auto-embedding is one of the most hassle free, don't-even-have-to-tell-your-users-it-even-exists abilities their forum could ever have, the one thing that kept it popular was the ability for the community to share websites they had made themselves. Now, I made probably 80-90% of the existing definitions, excluding one's others had made and I had to remake as websites CONSTANTLY changed over time (I'm looking at you EASports.com), but the fact that the community could share and exchange definitions, even when I had to dissapear for a six months at a time, is what kept the modification hugely popular. Even now, I've got folks cheering me on to make more of these. Will BBCode media have any functionality like this?

Also, will this still be workable for websites who provide their embed code as a JavaScript function?

And as a suggestion, the styling options of AME (2.5, anyway) were also an underused and underdeveloped ability. Rather than a simple link below the video (which it can do) the default ability is a container that can be toggled on or off, where the video appears in a box with a header that uses vB's tcat class (your category colors). People can turn the container off, or restyle the container via templates. I think the ability to restyle the templates was a fantastic feature, but underused because it wasn't part of the core styling. I often had to adjust things for people, because their custom skin wasn't made for it. What a more likely to be used feature it would be, if it was a core feature. Meaning, developers designing skins would have to account for it. Meaning another great looking aspect for xenForo with some great potential extensibility. I can't tell you how many times people wanted me, even though I wasn't the developer, to add lightbox capability, or AJAX, or to open in a pop up window, or to summon cats upon activation, or...well, you get the idea.

I will very likely have a xenForo license around early 2012, barring the off famine, flood or pestilence. So I'd be very interested in developing BBCodes for websites much like I did with AME, if possible. And I know I'll want to extend my own website, either way.

Oh yeah, videos probably shouldn't embed when quoted. :p
Not to self plug, but if you wanted to create BBCodes, I create BBCM for that. But I never actually used AME.
 
Digital Jedi - the callback functionality added to the BB code media system in XenForo 1.1 means that you are able to write specialised code to handle individual media sites if the necessity arises. If a site opens a popup window in order to display its media, you would be able to launch HTTP requests via XenForo_Client_Http in order to follow information on the site's pages until you reach the page that contains the media and can extract the video file URL.
 
Kier, you probably not going to see this message but i just have to say that you are Awsome!
you make it look easy :)

can i ask how much time you are a programer? i ask it because im learning php and i wanna know how much time ill need to practice until ill be a pro :p

and sorry for my bad english...
 
Digital Jedi - the callback functionality added to the BB code media system in XenForo 1.1 means that you are able to write specialised code to handle individual media sites if the necessity arises. If a site opens a popup window in order to display its media, you would be able to launch HTTP requests via XenForo_Client_Http in order to follow information on the site's pages until you reach the page that contains the media and can extract the video file URL.
Works for me, even if I have to struggle with PHP a bit. Been putting that off anyway.
 
I'll look it over. I cant look at the screens right now since I don't get my license till next year, but it look similar to what I've been doing.
If you want to send me a PC, I can talk with you and get you screen shots and things you would want. And give you direction on how it'd be accomplished.
 
Does Dailymotion and Megavideo come with 1.1 beta or do I have to add it?

and I love the compromise option in the 2nd video that is really awesome Kier.
 
Make sure you have the relevant Match URL code:

Code:
youtube.com/watch?v={$id}
youtube.com/v/{$id}
youtu.be/{$id}
youtube.com/user/*/{$id}
youtube.com/watch?feature=player_embedded&v={$id}
youtube.com/embed/{$id}
 
Nice, didn't think about that.. although the embed code is different for HTML5 videos on youtube. Here is what I did if anyone is interested.

Add a new media bbcode;
Call it YoutubeHTML5

enter the relevant Math URL code:
Code:
youtube.com/embed/{$id}

EMBED html:
Code:
<iframe width="640" height="390" src="http://www.youtube.com/embed/{$id}" frameborder="0" allowfullscreen></iframe>

Thanks Brogan!
 
Top Bottom