Twitter @Anywhere, and the End of Halo 2
So there I was last night, watching Justin.tv. a couple of streams, a Live Halo 2 stream and live coverage of Chirp, the Twitter Developers Conference.
My net was actually behaving for once, watching two Justin.TV streams, sending and receiving a Skype video chat, as well as uploading tracks to the LSRfm.com Jukebox.
Today is the final day of Xbox Live existing for Original Xbox and Original Xbox Games, most predominately Halo 2, what this means is that you can still play the game locally, but you can't go online via Xbox Live and play match making/custom games. They are going to turn those servers over to the Xbox 360 Network. Bungie News article about the end of Halo 2
So, no more Halo2, unless you're a Xbox KAI user for example or LAN PARTY!!!!
I have been up all night and as of 9am BST (+1) this morning, the servers are still on, so get you're Halo 2 on!
Back to Twitter/Chirp, Twitter has launched their new Developers website, which essentially brings together the API documentation, the Oauth application registration, and API status pages to a single location.
Twitter also spoke about @Anywhere which essentially allows you to integrate some aspects of Twitter into your website, thru the use of a single javascript call.
You can allow users to tweet from your website, automatically convert any @username to the new hovercards. See the example from @abraham on (His Site).
And then allow users to follow you, without bouncing to twitter, other than a popup to authenticate you to twitter and allow the Anywhere App access.
Check Anywhere out at http://dev.twitter.com/anywhere/ and checkout what The Guardian are doing with it.
On a unrelated point, when you login to Justin.TV via twitter, it is automatically posts anything you put in the video chat box, to your twitter account, along with links to what you are watching, bit of a spam fest, if you a) don't know about it and b) forget to turn it off. But it led to this: Read and LOL
#GSoC 2010 – My Applications
So for Google Summer of Code 2010 I'm applying for two Organizations, GeekLog and WordPress.
Both are PHP based, and are primarily MySQL.
Both meet my skill sets and use Object Orientated Programming, so hopefully anything I learn/develop I can fold back into CarlyonCMS. Win 
GeekLog, I have applied to work on the Email Queue needs and Core Notifications, sending subscription emails and the like to end users. Email Queue I have knowledge of since LSRfm.com can only send 600 emails per hour... (Its a Spam Thing). So the LSRfm.com Megalist, sends upto 400 emails per hour. Subsequently this queue system is part of Carlyon CMS.
WordPress I am applying for two separate projects.
Taken from the ideas page, I've selected Trac Annihilation (still can't spell Annihilation, thank God for spell checkers), and the Bugtracker.
Bugtracking I have experience on, having seen and worked on the Bugtracker for PHP for GSoC 2008, (woo go me I have bcarlyon [at] php.net as a email address (Update: Hmm it doesn't appear to work anymore :sadface: (Update 2 I think they purged it when PHP moved to SVN over CVS))), which was good fun and a learning experience.
(As part of the WordPress application you need to document your application on a WordPress powered blog....)
WordPress, as a publishing platform, should lend itself easily to being adapted to become a BugTracker, since the main elements, like categories, posting and comments, already exist, simply moving a b(lo)ug post, from one category to another would make it open/closed/assigned etc.
The interesting part here would be the interaction with SVN, and the need to extra data from Commits or source files.
My other WordPress application for Trac Annihilation (got it right that time), involves working on and closing as many open tickets as possible, since with the advent of WordPress'es beta the number of tickets is gonna rocket.
Essentially this is just a matter of munching thru as many tickets as possible and closing them, after solving them.
Which would be good fun and a great learning experience.
I just hope one of the three accepts me, or I could end up with a Summer of nothing big to do.....
Motion Graphics Audio Sourcing
Just been doing a quick hunt for audio, whilst I finish my story board for my motion graphics project, and I'm going with some audio from 2001 A Space Odyssey.
First YouTube result, was interesting, since apart from containing the audio I was after, its a Adobe After Effects CS3 remake of the opening.
Comparing that to the original, its quite a faithful reproduction...
Anyway back to finishing my storyboard, but given that both of these is a minute long, or so, still need a further 2 minutes of audio....
Then again I might change the order of elements, since I am making a advert for firefox or chrome (I can't remember which one I put in my brief, so should probably dig that out.... and check).
Anywho in other news, my other project is coming along nicely, the new games module for 360gaming [dot] net, now gathers data from Xbox.com and Wikipedia. All thru async. jQuery.
WIll be posting about that another time.
jQuery Coverflow, my First Plugin
So I've been working on this for a while, based on a few googles searches (see this post for details.
Thru other posts on this subject I've chronicled my work, and youtubed a few videos, I've now deployed it and re factored it to a jQuery plugin. And fixed a bug so it works in IE as well as other browsers, was throwing a odd childelement error in IE8 of all things.
So, my jQuery Coverflow is live at the LSRfm.com Podcasts Page, I'll probably be fiddling with the code locally to tidy it and make it better, but it works quite happily as a jQuery plugin now.
Heres how to use it on your site, if you are so inclined, stay tuned for updates .
The Plugin requires jQuery UI for the Slider, and jCarousel for the Flowy-ness, it relies on the jQuery stock animation suite as well.
In the head
<script src="/path_to_js/jquery.coverflow.js" type="text/javascript"></script>
In the Body
<ul id="coverflow">
<li><a href="/some_link/"><img src="/someimage.png" alt="A Title" /></a></li>
</ul>
<script type="text/javascript">
jQuery.coverflow();
</script>
Like with any jQuery Plugin you can pass it some options/settings.
- total_items - total items in the carousel/flow, if 0 auto determines
- sider_start - the start point, leave null for middle, or number for that number or rnd for random
- targetflow - id of the ul with the items in
- sliderflow - id of the div to hold the slider
- titleflow - id to hold the title elements
- largesize - size as a int, so 200 for 200px, of the image currently in the middle of the flow
- smallsize - smaller size
- speed - speed in microseconds so 3s is 3000
- scroll - leave this as one
- visible - how many items to be in the viewing pane at once default 3
- animation - animation speed, if 0 takes it from speed
Essentially all the needs to be set is the names for targetflow, sliderflow, and titleflow, tho if you use the default names (coverflow, slider, coverflow_title) you don't even need that.
Things I need to add to the plugin.
Auto generate the slider div if not present and add the relevant css to it.
Do a check to see if the item about to be highlight contains an image or not, and animate accordingly.
In theory this can support any type of content but an item of:
<li><a><img /></a></li>
works best.
You can grab a tar of the file at Coverflow_001 (54)
Questsions? Feedback? Suggestions?
Comments below
Update:
Currently there is a small bug where in some browsers (so far Chrome and Safari), post load and setup, its not sliding to the desired element, the slider is moved, but the carousel does not.
Coverflow with jQuery V1.5 (an Update)
So been working on my coverflow from: This post.
Been trying to make it a better replication, tho have some problems with reflections, so decided to skip that for a bit and work on scrolling, with steps greater than one.
I've had some hiccups with the animation again, so will have to consider ripping that out and redoing it.
The animation being the size alterations to the podcast cover images.
So heres the YouTube Demo of the Coverflow with the Slider working, and the traditional links updating the slider value.
Also when I get this to a working level, gonna need to redo the Version Numbers 
When I get this working nicely, it will be rather useful, both for LSRfm.com and personal use, since it will rotate any content inside a li, tho if theres an img it will do the resizing.
Perhaps drawing inspiration from the game covers rotator on Game.co.uk as well, we shall see....
jQuery Coverflow
So I've been hunting round for a coverflow plugin for jQuery.
Google search turned up both Blarnee Demo (or Blarnee Blog Post) and Paul Bakaus, both of which are quite good but don't advise much on the use or implementation of.
Both of which are demos, using parts of jQuery and the jQuery UI, or elements of Canvas (which has been throwing odd errors in my firebug)
The second still being sat in the labs part of the UI svn, and not been touched for 6 months.
So further hunting found me, content flow, which looks quite good, but I couldn't get it to implement properly or do quite what I wanted too, without throwing lots of errors and not working.
So, I thought about it for a while and heres the first result.
Video done on Mac Quicktime Player, (screen recording), web deploying soon...
I've used the jCarousel Plugin, which I already use on LSRfm.com for the LSRfm.com Twitter Rotator.
And using its callback functions and elements of jQuery's animate library. I've created this iTunes/Apple Coverflow effect, still some work to do, and make it nice and configurable, so others can easily implement it, perhaps even make it and extension to jCarousel...
So a future blog post will describe the Javascript I used, and how to implement it.
Uploading LARGE files to Webservers
So, I have my server set up to accept large files, since I have built a nice new podcast submission system for LSRfm.com on the machine called LSR-LOCAL.
Now I decided that its all well and good trying to make it work/look nice, in terms of waiting for uploading for files and little feedback, we are dealing with the lesser tech orientated here.
So since I already have jQuery on the website, I started looking there.
The first one I found jcUpload looks rather good, and then I saw the multi file upload aspect of it and thought I can use that to do multi file transfers for LSRfm.com Production to bounce files around each other securely, rather than relying on email or rapidshare.
However that fails on files over 5Mb.
Went on a hunt around for general flash uploaders, since I read somewhere flash handles up to 100Mb or so nicely (I think it was on jcUpload's website), I found SWFupload, however I couldn't get it to configure properly.
During my initial search for jQuery plugins I found uploadify, which looked quite good, but got distracted by jcUpload. Uploadify essentially just kicks ass.
LSRlocal_20022010
And now I have a nice little production file sharer, that will handle multi file uploads, and look good in the process. Since it has a nice progress bar, and handles queueing nicely without have to have a shed load of configuration or extra files like SWFupload.
I did look at AJAX-Upload but decided I'd stick with the flash solution, since the AJAX solution didn't have a upload progress bar.
Now that I've finished the nice uploader for production I can go back to the podcast uploader and add the flash uploader.
Of course with suitable javascript fail support.
Also need to figure out how to nicely remove a file element if the flash does the upload.... Probably a separate form but that will require a hefty recode of a lot of code that already works, but it will look and work nicer in the long run.
Long Time Since I blogged
Again, its been a while. Things have been pretty busy.
Currently I just fixed the LSRfm.com Podcasts, they were downloading a minute or two of audio the PHP was dying, FAST CGI php5 was being ghey.
So after a quick chat with Dreamhost over live chat, my script now rather than munch the file, just passes it off to a http location, less of a memory muncher too.
SRAchart is its usual self, tho we did get a full house of Charts last week, (well near enough), Ellie Goulding and Owl City are dominating, and Glee Started Charting too.
http://www.youtube.com/watch?v=TUZwdbeS2mM
(Yes I am a Glee Fan)
Handed in the Motion Graphics Brief.
So Uni Wise I just need to sit down and code code code, both for Project 2 (ala 360gaming.net enhancements), and start planning and researching what I need for project 2.
And start writing an essay for Futures and Strategies, fun times.
I've not had any spare time to play Halo, tho the Reach Beta has been announced! Hurrah!
Now I must get back to coding stuff for LSRfm.com fixed the Jukebox, now to do the music db, tho I do have a nice IRC bot sat in the new LSRfm.com Chatbox
Also <3 jQuery....
Javascript Image.onLoad Broken
Heres my code:
var target = '';
var loadstr = '';
var webcamimg = '';
function runwebcam(ttarget) {
target = ttarget;
webcamimg = new Image();
loadstr = "http://lsrfm.com/images/webcam/lsr_studio.jpg?" + Math.random();
webcamimg.src = loadstr;
webcamimg.onLoad = gowebcam();
}
function gowebcam() {
//stuff
}
Thru the use of FireBug I've discovered that the function onLoad declared by onLoad is executing regardless of whether the image has finished being downloaded, which was my understanding as per TechRepublics Article.
So after a bit of hunting around I found this from Talideon.com.
So my adjusted code now reads:
function runwebcam(ttarget) {
target = ttarget;
webcamimg = new Image();
loadstr = "http://lsrfm.com/images/webcam/lsr_studio.jpg?" + Math.random();
webcamimg.src = loadstr;
webcamimg.onLoad = gowebcam();
}
function gowebcam() {
if (!webcamimg.complete) {
setTimeout("gowebcam()", 500);
return;
}
//stuff
}
Update:
Video of before/showing the fucked-upness
And Not fucked
Catergories
Calendar
| S | M | T | W | T | F | S |
|---|---|---|---|---|---|---|
| « Jun | ||||||
| 1 | 2 | 3 | 4 | 5 | 6 | 7 |
| 8 | 9 | 10 | 11 | 12 | 13 | 14 |
| 15 | 16 | 17 | 18 | 19 | 20 | 21 |
| 22 | 23 | 24 | 25 | 26 | 27 | 28 |
| 29 | 30 | 31 | ||||
Recent Comments
- Oscar Turner on GSoC, WordPress and ME!
- Thorsten Ott on GSoC 2010 – WordPress Bug Tracker
- Barry Carlyon on GSoC, WordPress and ME!
- Alex Long on GSoC, WordPress and ME!
- Tweets that mention The End of an Era « Barry Carlyon -- Topsy.com on The End of an Era
Tumblr
Lifestream
-
Played 7 games.
-
dissappointed that Risk Factions doesn't have anything online results wise to manipulate :-( [BarryCarlyon]
-
@osxdude woot [BarryCarlyon]
-
@osxdude still need a client that supports sending a geotag.... [BarryCarlyon]
-
Unlocked Show 'em who's boss in Blur.
-
RT @tattooedmommie: RT @WarrenWhitlock: RT @unmarketing Pick someone in your Twitter stream right now and tell me why you follow them. U ... [BarryCarlyon]
-
-
RT @danieljowen: BBC headline: "Man questioned over explosives." I think that would be an effective way of questioning anyone. [BarryCarlyon]
-
@danieljowen lolz [BarryCarlyon]
-
Moving Lighting Programming Tutorial - MagicQ 1 - On Stage Lighting http://bit.ly/bbf4Lt [BarryCarlyon]