Anim8or Community

Please login or register.

Login with username, password and session length
Advanced search  

News:

An update to Anim8or, v1.00b, is available with a few bug fixes. Get your copy HERE. See the "ReadMe" file for details.

Author Topic: revolving text logo; video quality on vimeo and youtube  (Read 3248 times)

ronaldefarmer

  • Sr. Member
  • ****
  • Posts: 293
    • View Profile
    • Ron's Website
revolving text logo; video quality on vimeo and youtube
« on: April 27, 2014, 09:10:20 pm »

Hello Anim8ors,

Here is something that I have been playing around with:

[vimeo]http://vimeo.com/92694095[/vimeo]

As you can see, video quality is not very good due to Vimeo's re-encoding and the high-motion nature of the project itself. The video looks fine when played from my computer's hard drive, but both youtube and vimeo re-encode all videos, which results in artifacts and jerky playback. Google Drive also re-encodes uploaded videos. Does anybody have any suggestions as to how I can upload and embed this type of video in a webpage without using Youtube or Vimeo?

 
Logged

Raxx

  • Administrator
  • Hero Member
  • *****
  • Posts: 1450
    • View Profile
Re: revolving text logo; video quality on vimeo and youtube
« Reply #1 on: April 27, 2014, 11:03:46 pm »

Cool video :)

I don't know about jerky playback, seems fine to me. The quality isn't good, true. Seems Vimeo doesn't allow HD embedded playback.

I'll add video embedding for .mp4 (and .ogg and .webm) embedding of attachments. It'll still be restricted to the 10mb attachment limit for now, but at least there won't be re-encoding. I'll post an update to the Anim8or 3D Viewer topic once it's implemented.
Logged

ronaldefarmer

  • Sr. Member
  • ****
  • Posts: 293
    • View Profile
    • Ron's Website
Re: revolving text logo; video quality on vimeo and youtube
« Reply #2 on: April 28, 2014, 01:52:46 am »

Thanks Raxx,

 It is very good to be able to embed pictures and videos in the forum. I particularly like the an8 viewer that you are working on and am looking forward to seeing what is next. I am amazed by the work that you and Steve and others do here. It makes me wish I could write code.
Logged

Raxx

  • Administrator
  • Hero Member
  • *****
  • Posts: 1450
    • View Profile
Re: revolving text logo; video quality on vimeo and youtube
« Reply #3 on: April 28, 2014, 03:16:07 am »

Thanks, glad you like it :) Coding is easy to get into if you have a project you are personally invested in, you just have to find your thing.

I added .mp4 support, I'll have the Anim8or 3D Viewer topic update shortly. It's the usual
Code: [Select]
[attach]#[/attach]With the ability to set width and height.
Logged

Pincho

  • Full Member
  • ***
  • Posts: 165
    • View Profile
Re: revolving text logo; video quality on vimeo and youtube
« Reply #4 on: April 28, 2014, 07:52:16 am »

I find that you can reduce the size of a file with Handbrake which is free, and then Vimeo plays HD pretty much identical to your original file.

http://handbrake.fr/
« Last Edit: April 28, 2014, 08:02:53 am by Pincho »
Logged

ronaldefarmer

  • Sr. Member
  • ****
  • Posts: 293
    • View Profile
    • Ron's Website
Re: revolving text logo; video quality on vimeo and youtube
« Reply #5 on: April 28, 2014, 05:55:23 pm »

Hi Pincho,

Yes, handbrake is a very useful tool. I suppose Vimeo's HD version looks ok, but they will only allow me to embed the SD version, which isn't ok at all. What I really want is to to embed, autoplay, and loop a video like this as a design element in a webpage,with no frame or controls.
Logged

Raxx

  • Administrator
  • Hero Member
  • *****
  • Posts: 1450
    • View Profile
Re: revolving text logo; video quality on vimeo and youtube
« Reply #6 on: April 28, 2014, 08:28:38 pm »

ronaldefarmer, you want to embed, autoplay, and loop the video without playback controls on your own web page? You can use the following html code (encode in .mp4, .ogg, and .webm so that the browser can fall back to whatever video it's compatible with):

Code: [Select]
<video width="320" height="240" autoplay loop>
  <source src="movie.mp4" type="video/mp4">
  <source src="movie.ogg" type="video/ogg">
  <source src="movie.webm" type="video/webm">
Your browser does not support the video tag.
</video>

Otherwise if you need the controls/autoplay/loop options in the forums here, I can add them...
« Last Edit: April 28, 2014, 08:51:59 pm by Raxx »
Logged

ronaldefarmer

  • Sr. Member
  • ****
  • Posts: 293
    • View Profile
    • Ron's Website
Re: revolving text logo; video quality on vimeo and youtube
« Reply #7 on: April 29, 2014, 12:29:21 am »

Trying out the new feature...
« Last Edit: April 29, 2014, 02:37:20 am by ronaldefarmer »
Logged

CrashDrive

  • Full Member
  • ***
  • Posts: 102
    • View Profile
Re: revolving text logo; video quality on vimeo and youtube
« Reply #8 on: April 29, 2014, 02:23:36 am »

ronaldefarmer I really like your spinning logo!
I can see a bar with a play button but that's all for the embed video test. I mostly use the FireFox browser.
I'll try downloading the latest version and see if I have better luck.
Logged

ronaldefarmer

  • Sr. Member
  • ****
  • Posts: 293
    • View Profile
    • Ron's Website
Re: revolving text logo; video quality on vimeo and youtube
« Reply #9 on: April 29, 2014, 03:15:07 am »

Thanks CrashDrive,

Glad you like it. Actually, I notice a glitch when the loop restarts. I think I might have inadvertently dropped the final frame or two of the animation somehow. I was hoping for a seamless loop.

I am using Chrome and embedding is working fine here. This is the best this video has ever looked from the web. Thanks Raxx! I am about to check with Firefox.
« Last Edit: April 29, 2014, 03:32:24 am by ronaldefarmer »
Logged

ronaldefarmer

  • Sr. Member
  • ****
  • Posts: 293
    • View Profile
    • Ron's Website
Re: revolving text logo; video quality on vimeo and youtube
« Reply #10 on: April 29, 2014, 03:24:42 am »

Works even better in Firefox, without the glitch. This is great!
Logged

Pincho

  • Full Member
  • ***
  • Posts: 165
    • View Profile
Re: revolving text logo; video quality on vimeo and youtube
« Reply #11 on: April 29, 2014, 10:27:39 am »

I can't see anything in the test. It says "No video support"
Logged

Raxx

  • Administrator
  • Hero Member
  • *****
  • Posts: 1450
    • View Profile
Re: revolving text logo; video quality on vimeo and youtube
« Reply #12 on: April 29, 2014, 04:11:25 pm »

Pincho, as mentioned in the Anim8or 3D Viewer topic, only modern IE, Firefox, and Chrome browsers can view .mp4 attachments.

CrashDrive, I believe any version of Firefox past 21 will allow .mp4 attachments. (though only with partial support apparently, based on if your computer has the decoder installed).

ronaldefarmer, glad you like it. It seems Google Chrome has a notable issue with seamless looping, possibly thanks to the autobuffering it forces (doesn't take into account looping, so reloads the buffer which causes the hiccup). Firefox doesnt' have this problem, and Internet Explorer is a little better than Chrome.

There's an interesting read on the issue of HTML5 video embedding here, which seems mostly related to licensing and patent issues.

I could add flash video embedding of .flv files as well. Flash seems to be more universal still than HTML5, and may be more useful until the browsers all support at least one media format.
« Last Edit: April 29, 2014, 04:20:48 pm by Raxx »
Logged

CrashDrive

  • Full Member
  • ***
  • Posts: 102
    • View Profile
Re: revolving text logo; video quality on vimeo and youtube
« Reply #13 on: April 30, 2014, 09:38:09 pm »

With the restricted use and legal issues of mp4/h264, maybe ogg/ogv, wedm, or flv would be more universal.

After temporarily installing Firefox's latest browser (v29) and uninstalling/reinstalling all my 'updated' codecs for Vista, I still got no browser support for (mp4 with Html5). I've been messing with computers since Commodore Vic20. I've sat through beads of sweat and a stack of CDs and floppies while reinstalling Win95 after formatting my harddrive for the 100th time, but I can't figure this one out.

I have directx accelerated graphics and gpu enabled nvidia running on Vista, but I wouldn't think that has any bearing on this, so I'll just have to wait on this one.
Logged

Raxx

  • Administrator
  • Hero Member
  • *****
  • Posts: 1450
    • View Profile
Re: revolving text logo; video quality on vimeo and youtube
« Reply #14 on: April 30, 2014, 11:39:41 pm »

Alright, I added support for .flv, ogg/ogv, and webm. If you upload webm, ogv/ogg, and/or mp4 videos of the same name to the same post, then when it's embedded it'll automatically source all of them into the same video so that the browser will fallback to whatever it's compatible with.

If you embed .flv, you'll have to include both the width and height since it doesn't auto adjust missing parameters.

The freemake video converter is awesome for converting to these formats. Seriously, it's really good. And no, I'm not getting paid to say that :P
Logged