I am sure this question has been asked but I can't find anything that suits.
I need continuous audio playback throughout page loads. I do not want to use flash or frames and I know this is possible due to the arise of the next soundcloud. Flash is a pain and frames would destroy my navigation buttons etc. You can't even take a look at soundclouds markup so I really have no idea how they've done it but it's impressive.
I would like to know how soundcloud has done this or a way to do this? To be honest I am intrigued by the new soundcloud and would love to take a look at there code but I'm pretty sure that's not going to happen
Soundcloud is probably using the new HTML5 history API for their magic. But implementing this is not as easy as putting your site into an iframe.
Here is a really great introduction to the API: http://diveintohtml5.info/history.html
I am also currently looking at this for a musician site that needs continuous audio playback whilst traversing through the site. If you are developing with Wordpress, I notice there are a few Wordpress themes that have been recently released to support this.
I have a feeling however that the continuous audio functions in these are supplied via Soundcloud - not 100% sure yet until I have a play with them in the coming weeks.
Related
I'm thinking about setting up a website (based on WordPress) to host video tutorials on interpreting CT scans.
In addition to simply letting the visitor view PowerPoint presentation videos, I'm keen on writing some sort of simple app that I can embed in the blog to allow the visitor to scroll through a series of images (i.e. a scan).
I usually code in REALbasic or Objective-C. I have some experience with PHP. What are my language options for making an interactive embeddable image viewer in a blog? The website needs to be able to be viewed on an iPad as well as normal desktop browsers.
Javascript.
Pick up jQuery, or a similar Javascript framework. It will help you get down to business faster.
What you are asking has nothing to do with server-side coding. It is all client-side. Because of that, your choices are something to do with a plugin (such as Flash), or Javascript. If you want it to work on an iPad, Flash and other plugins are out.
Since you need your image viewer to work on the iPad, ActionScript3, hence, Flash is out of the picture. I would use JavaScript as per the examples on the Apple HTML5 advocacy site, using the canvas element to render the viewer.
I would lean towards a javascript solution. There are loads of libraries out there that will give you a kickstart. If you know some example works of what you are thinking about doing, we can give you pros and cons for serverside vs. client side languages. Additionally, you can use html5 for a lot, but then again it depends on what exactly you are wanting to do.
I want to use a flash preloader for my php website. I have seen some javascript examples; but I want something attractive and cool. So I want use flash preloader which will show the percentage of the website loaded.My website is kinda heavy(with lot of images). It looks bad when the contents load. So I want to show a flash preloader while the site loads. Any help?
If you have a working javascript example it would not be that hard to change it so it calls a flash movie and tell it to update a progressbar or whatever.
Some example code can be found here:
http://www.permadi.com/tutorial/flashjscommand/
Not sure about the coolness of a flash preloader though. :)
instead of adding some annoying and useless flash-stuff you should think about optimizing your site to load faster so you don't need a loading-indicator (there are some nice artices on this on code.google.com) - i don't want to sound offensive, but if a site isn't loaded within a maximum of 2-3 seconds, a lot of users will be annoyed, leave your site and never come back, even if you have the coolest loading-bar ever.
what would be nice to know is waht makes your site so big. the biggest site i can think of is some kind of image-gallery, but even in that case, there is a much easier solution: show thumbnails of your pictures and open the "big" version only on clicking these.
I want to have a photo album on my website such as this:
http://www.yelp.com/biz_photos/B9S9wNChMFRz6IAL_0n6pA?select=ADeqFE2Tj2s7eM8WuQibbQ
I'm looking for something where the photo that is displayed is also highlighted as thumbnail below that so that users can select photos rather than having to click next.
Also, I want to be able to have multiple photo albums so each set of thumbnails is different. Perhaps something where the whole page doesn't have to reload, but just the photo itself and the highlighted thumbnail?
I've done some research but I'm unsure of which type is best ie- PHP, javascript, etc...
I only have experience in HTML, CSS, and basic javascript and limited PHP.
I'm hoping somebody can point me in the write direction as to what to look for.
Thanks
Learn jQuery.
http://www.jquery.com
Rejoice!
http://blueprintds.com/2009/01/20/top-14-jquery-photo-slideshow-gallery-plugins/ <-- take your pick.
The jquery cycle plugin is fantastic and super easy to set up:
http://jquery.malsup.com/cycle/
and specifically it has the ability to do auto-thumbnailing as navigation:
http://jquery.malsup.com/cycle/pager2.html
If you know CSS you can take it from there.
As I myself am not the best (but still trying to get better!) when it comes to the more UI related technologies (CSS, JS, HTML etc), I have found using popular libraries such as JQuery Tools to be quite helpful and very easy to use. I believe the widget below matches up with what you are looking to do, and it also comes with a tutorial and helpful customization examples:
http://flowplayer.org/tools/demos/scrollable/gallery.html
Best of all I think JQuery Tools and Flowplayer are open source, so that means once you get the widget working, you can also delve into the code to try to gain a better understanding and hopefully one day take your own crack at a similar solution.
Good luck!
Images for every youtube videos are hosted their server. You can image of any frame and can display on your site.
I want to do same with other video sites without using getting ffmmpeg installed. Because my share hosting service will not le me do this.
Please suggest me on the same. I want to do it in PHP
It won't work, at least given two conditions:
The video sites don't provide an API for you to extract arbitrary frames from the video. If they do, your solution will be video provider specific.
You don't want to write your own video decoder for the codec (for example H.264) in PHP. Note that this would be a extremely difficult task and the decoder would be really slow if implemented completely in PHP.
Point 1 is rather improbable, at least I don't know of any video site that does this. Point 2 is really really a lot of work, I'd say it's impossible without deep and profund knowledge of the video codec.
So I guess, your best starting point is to either drop this feature or use a hoster that offers you ffmpeg.
I want to make a video site in which we can upload the video in any format and display it like youtube. How can I do this? My whole site is in PHP I'm a newbie in the video streaming sp plz be descriptive with your answer
Thanks
First you need a VideoPlayer written in Flash / Actionscript, there are also a lot of free ones arround in the internet, e.g.: FlowPlayer, You also could write you own. You acctually do not net to buy Flash for this. The Flash/Flex compiler mxmlc is available for free. You could also write you Flashvideoplayer in Haxe (also free).
You you do not want the users to switch within the video you could deliver the videos via HTTP, other wise you need an streaming server like: FlashMediaServer (not free). There are also open source alternatives like Red5 or haxeVideo.
You you do not have the video available in the right format you need to encode them: the best tool for this task could be ffmpeg
I suggest looking at the html5 <video> tag, this is probably the simplest way. For an example look at the the one from surfin' safari.
Be aware that some browsers support ogg and others h264, but not both.
Encoding of the video can be made using ffmpeg on the server.
One of my websites does this, and it's a MASSIVE pain.
However, there are websites out there that'll take a video and convert it to an FLV for you (for a price), for example we use a service called Hey!Watch which is reasonably reliable.
If you really want to encode it to flash yourself, you're going to need a full copy of Flash and a LOT of time =]
There is this highly underrated post with 3 great links for open source solutions that are like youtube and fits perfectly your question (and at least another one):
http://www.vidiscript.co.uk/
http://www.phpmotion.com/
http://osshare.sourceforge.net/
I'm posting this here just to point out the links. I think 2 of those 3 questions should be marked as duped anyway.