GIF Avatar and Webm Questions

  • Hiiya all, I just wanted to ask the following questions

    • Is it possible to make a GIF Avatar to animate on the forum listing? I've seen it on a WBB Forum before but I can't seem to make it move on mine.
    • Is it also possible to be able to display a Webm video using the BBCodes or Media Providers on the ACP? I know though that there's a code Webm BBCode for Mybb but I don't think it's compatible with WBB.
    • I maybe very blind but is there a Horizontal Line [hr]on the post editor?

    Thank you in advance ^^

  • Is it possible to make a GIF Avatar to animate on the forum listing? I've seen it on a WBB Forum before but I can't seem to make it move on mine.

    Yes, but it requires ImageMagick and the imagick PHP extension to be installed on the server and be set in the ACP. Resizing animated images is really expensive because it requires deconstructing the image into separate images for each frame, resizing each one of them and assembling them again. PHP's built-in GD library isn't suitable for this, hence we restricted this feature to ImageMagick only.

    I maybe very blind but is there a Horizontal Line [hr] on the post editor?

    No, but you can easily add one yourself by adding a custom bbcode.

  • Hi

    Is it also possible to be able to display a Webm video using the BBCodes or Media Providers on the ACP? I know though that there's a code Webm BBCode for Mybb but I don't think it's compatible with WBB.

    You can do this with the media providers:

    Code
    (?<ID>https?://.*\.webm$)
    HTML: HTML Code
    <video src="{$ID}" controls>
    </video>

    This will detect every link ending in .webm and embed it automatically.

  • Yes, but it requires ImageMagick and the imagick PHP extension to be installed on the server and be set in the ACP. Resizing animated images is really expensive because it requires deconstructing the image into separate images for each frame, resizing each one of them and assembling them again. PHP's built-in GD library isn't suitable for this, hence we restricted this feature to ImageMagick only.

    No, but you can easily add one yourself by adding a custom bbcode.


    Ooo, I see. Yeah, I saw it in here somewhere where you mentioned ImageMagick. Hmm, I see, I'll try that extension soon once I get things going.
    And yeah, I guessed that one, wasn't so sure if it would work. Thank you very much :)


    Hi

    You can do this with the media providers:

    Code
    (?<ID>https?://.*\.webm$)
    HTML: HTML Code
    <video src="{$ID}" controls>
    </video>

    This will detect every link ending in .webm and embed it automatically.

    It took me 10 minutes to realize that I didn't read you saying "ending in webm" and I just had to change it to mp4 haha, thank you very much as well!

    My last question for this thread would be, is there a page where the smilies are listed?

  • Hi

    Hint: Mark the text to selectively quote certain pieces of other posts, this makes your replies easier to read.

    It took me 10 minutes to realize that I didn't read you saying "ending in webm" and I just had to change it to mp4 haha, thank you very much as well!

    You said Webm in your initial post :) Be aware of the Browser support for mp4 though. If I am correctly informed not every browser supports it properly.

    My last question for this thread would be, is there a page where the smilies are listed?

    For the users or for the admin? For the users: They appear below the text editor. For the Admin: It's inside the “Content” tab of your Administrator's Control Panel.

  • Hint: Mark the text to selectively quote certain pieces of other posts, this makes your replies easier to read.
    You said Webm in your initial post :) Be aware of the Browser support for mp4 though. If I am correctly informed not every browser supports it properly.

    Yeah, my bad x) Was going to do that and forgot o do so haha
    You're quite right as well, though it works well on my phone, which is an up :)


    For the users or for the admin? For the users: They appear below the text editor. For the Admin: It's inside the “Content” tab of your Administrator's Control Panel.

    Hmm, that's where it's usually placed. Is there like a page solely for smilies only? It's kind of a weird question but it's only for the modern shoutbox plugin since it only displays the Default Category.
    And thank you for your answers c:

  • Alright thanks, will do!

    One very last thing, is it possible to put Gfycat on the media providers as well? Not really too sure how to put it up. I did try it, but nothing displayed haha

    Here's the MyBB code if you need it:

    Code
    \[gfy\]gfycat\.com\/([a-z0-9]*)\[/gfy\]
    Code
    <img class="gfyitem" data-id="$1" />
  • Yeah, they said I'd have to put this on the header template. I did though (Copied it then pasted the code in the header template)

    Code
    <script>
    (function(d, t) {
        var g = d.createElement(t),
            s = d.getElementsByTagName(t)[0];
        g.src = 'http://assets.gfycat.com/js/gfyajax-0.517d.js';
        s.parentNode.insertBefore(g, s);
    }(document, 'script'));
    </script>
  • Hi

    Oh alright, take your time and have a have some happy holidays while you're at it :)

    Your regular expression was correct, but digits cannot appear in a Gfycat URL: https?://gfycat\.com/(?<ID>[a-zA-Z]+)
    The HTML Code is: <img class="gfyitem" data-id="{$ID}" />

    Now add the code in post 10 to your Footer Code (System -> Options -> General -> Page -> Footer Code) and you are good to go, except: It looks like Gfycat miscalculates the space it needs. An Gfycat video I embedded for testing took up about 2000 pixels of free space :( According to Gfycat there should be a way to embed an iframe, but I could not find it.

  • Thanks for the response and help! Glad I got it working until...

    An Gfycat video I embedded for testing took up about 2000 pixels of free space :(

    Awww, oh well. At least you were able to make it display though :) I really appreciate your help

    Since that doesn't work properly, I might want to ask if Facebook videos would work if placed as a media provider.
    If not, that's alright too

  • Regex:

    Code
    https?://www.facebook.com/[^/]*/videos/vb.\d+/(?<ID>\d+)
    https?://www.facebook.com/[^/]*/videos/(?<ID>\d+)
    https?://www.facebook.com/photo.php\?v=(?<ID>\d+)
    https?://www.facebook.com/video/video.php?v=(?<ID>\d+)
    https?://www.facebook.com/video/embed?video_id=(?<ID>\d+)

    HTML:


    Code
    <iframe src="https://www.facebook.com/video/embed?video_id={$ID}" width="560" height="315" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe>
  • Thank you very much! It worked very well.

    Now I'm facing a fatal error, most likely my server's Database passed out xd Oh well, no worries as I believe this is the hoster's side
    Thank you again!

    EDIT: Yup, it seems they're moving my DB to another hardware xd such timing

    Edited once, last by Shiin (January 21, 2016 at 1:17 AM).

Participate now!

Don’t have an account yet? Register yourself now and be a part of our community!