Image Sliders

I collected 12 pictures, of cityscapes, from the Internet . I then modified provided HTML code to create a slider of pictures for a webpage. I was provided with a cascading style sheet (ccs) along with a Jscript file which is required for creating the slider. Editing the slider,in terms of the images that are shown, is pretty simple, I can add and remove easily and change the time that the images stay on the screen for, along with the transaction time.

Advertisements

Video players

Web page designers use a lot of video content to give their web pages a visual edge.

The flash player is widely used across the internet. The most known use for flash player is YouTube ( http://www.youtube.com/ ). Flash player is commonly used as the video player on mobile sites for phones and tablets. Flash player can be adapted by the user to host different features that maybe compatible with the video, for example annotations, captions, video quality etc. The user also has the ability to increase the size of the video along with a full screen mode. There is a slider to navigate through the current video. A volume slider with mute is also present. All these options are easy to find and activate due to the clear and simple layout.

Quick time is another example of a video player that is commonly used. All apple products favor Quicktime this is mainly because it was created by apple. The player its self is also simple to use due to its clear layout. There is a slider for video navigation and sound. Buttons are used for playing, pausing, rewinding, fast forwarding and skipping back and forwards. But it does not have as many features that can add to video.

Audio players

Lots of web designers rely on audio to make web pages stand out. There are many different audio player in use across the web.

https://soundcloud.com/

Soundcloud is a website that is dedicated to music and sound sharing. Users can upload, listen, comment and share from the Soundcloud website. It uses its own audio player which looks pretty good. It has a clear and simple layout keeping it easy to navigate and use. It has some useful and impacting features like the displayed waveform of the current track, comments at desired points of the tracks timeline, Built in sharing options through social media websites e.g. Facebook and Twitter. It also gives you a code to embed tracks into websites, as well as a WordPress code for easy sharing.

http://www.freesound.org

Freesound is similar to Soundcloud in terms of uses. It is for users to upload Sounds that cover a wide range of subjects, from field recordings to synthesized sound effects. Other users can then download these sounds directly to their computer. It also uses its own audio player. Its player looks more basic but at the same time it is virtually the same. It is easy to use and it has a displayed waveform making navigation easier. Users can also comment on the sounds. They can be shared through Twitter and Tumblr and can be embedded into websites with an option of three different sizes of player, all hosting different features and options.