BTK-FH Logo

New Content, New Features, Web Dev Tips

Blog_Tutorial : Dateien einfügen

In diesem Artikel wird Ihnen erklärt, wie sie Dateien (medial, oder unmedial) einfügen, die von Ihrem Artikel aus verlinkt werden sollen. Dazu muss die Datei, die sie zum Download anbieten möchten zuerst in das Blog-Portal hochgeladen werden. Danach wird ein Link zu der Datei in ihrem Artikel eingestellt.

Read more…

New Content, New Features, Web Dev Tips

Blog_Tutorial : Videos einfügen

In diesem Artikel wird Ihnen gezeigt, wie sie Youtube- und Vimeo-Videos in ihren Blog einfügen.

Read more…

New Content, New Features, Web Dev Tips

Blog_Tutorial : Bilder einfügen

In diesem Artikel wird Ihnen gezeigt, wie Sie Bilder in ihren Artikel hinzufügen. Einfügen von Bildern ist essentiell, wenn Sie erwarten, dass ihr Artikel auf dem InfoScreen angezeigt werden soll.

Read more…

New Content, New Features, Web Dev Tips

Blog_Tutorial : Einen Artikel schreiben

In diesem Artikel wird erklärt, wie man im WordPress-System einen Artikel verfasst.

Read more…

New Content

New Videos – Bounce to the Beat

Filmschnitt Videos

I just put some great new “Rhythmic Montage” videos in the Gallery from Katrin Glanz’s Filmschnitt course.

 Check ‘em out!

New Content, New Features

Image Magic

images!

The blog portal now supports Images!  The code automatically takes the first image from a post and scales it to fit.

The gallery has a few new fixes in including proper support for PNG images and dealing with badly scaled images.  I will try to add some automatic resizing code later this week for all you lazy gallerists.  In the meantime check out the new works from Interactive Environments.

New Features

Galerie RSS

 RSS 2.0!!!

Our gallery now sports a tidy RSS feed.  I made sure to follow the Yahoo Media RSS spec and it seems to work pretty well.  Not all RSS readers support media attachments so standard features are also supported.  I’ve tested in Firefox, Safari and a few standalone RSS readers and it validates according to feedvalidator.org but let me know if you find any bugs.

Web Dev Tips

FLV Conversion Tips

The amazing Grace Hopper was once quoted as saying “The wonderful thing about standards is that there are so many of them to choose from.”  Her words are true now more than ever especially when it comes to video formats.  There literally dozens of different codecs and container formats of varying usefulness and popularity.

With web content, unfortunately, one often has to settle for the least common denominator in order to ensure that most users can actually view your content.  Despite the best efforts of Real and Apple, Flash Video (FLV) has emerged as the best of the worst.  It’s pixelated and choppy but the files are small and it works on most browsers with a recent Flash plugin.  According to Adobe  that’s almost everyone.

New versions of the Flash plugin support MP4 and other formats that promise slightly better quality but it will be at least 6-12 months before it becomes standard.  In the meantime, when someone drops a bunch of CDs or DVDs in my mailbox with a note “please put these in the gallery” I end up wrestling with converting various different formats into FLV.  Here’s a few tips and hacks I’ve come up with to make things easier:

Converting Video DVDs:

I’ve yet to find a tool better than HandBrake it’s GPL (free!) and runs on Linux, Mac and Windows.  I usually rip to high quality MP4 so I can use the output later in podcasts or display on higher end screens.  As I mostly use Linux, the HandBrake command line version comes in handy:

handbrake -i /dev/dvd -o output-file.mp4

Converting to FLV:

The final step is conversion to FLV.  GStreamer has an amazing API for video and audio and with the right plugins you can convert to and from just about any format.  It also provides a cool command line tool for testing called gst-launch.  For hackers, gst-launch can be quite helpful for quick and dirty conversion.  Here’s my rather scary-looking but effective conversion string:

gst-launch filesrc location=original-movie-file ! decodebin name=d  ffmux_flv name=mux ! filesink location=flash-web-version.flv  d. ! queue ! videoscale !  video/x-raw-yuv,width=320 ! ffenc_flv ! queue ! mux. d. ! queue ! ffenc_mp3 ! mp3parse ! queue ! mux.

Yes, that’s all on one line and it works well and has pretty good presets for FLV.  I do occasionally have trouble getting it to work with certain .mov files.  If anyone has any ideas or improvements, I’d appreciate the comments.

Update 31.07.2008:

I have modified the above gst-launch string so it will now deal with quicktime containers properly.  You still need to have the right codecs installed but this new setup works well for me.  Note you need to calculate and set width and height  by hand:

gst-launch -v filesrc location=input.mov ! decodebin name=d  ffmux_flv name=mux ! filesink location=output.flv  d. ! queue ! videoscale !  video/x-raw-yuv,width=320,height=256 ! ffenc_flv ! queue ! mux. d. ! queue ! audioconvert ! audioresample ! audio/x-raw-int,rate=44100 ! ffenc_mp3 ! mp3parse ! queue ! mux.

Finally, as a last resort ffmpeg is another pretty useful video conversion tool.  This script also works for those cases where gstreamer has problems:

ffmpeg -i original-movie-file -ar 22050 -s 320×240 -vcodec flv flash-web-version.flv

New Content

New Photography and Typo

Judy added a whole bunch of new photography and typography work samples this week:

Typografie & Layout

Portrait & Reportagefotografie

Typo & Layout Portrait & Reportage

New Content

More Videos

I put some more recent videos in the gallery.  These are from Winnie Heun’s course “Drama of the Shot”.

Take a look!

Dana Kasdorf - Video