Completed

Lazy loading an audio player using javascript

A customer of mine offers free podcasts. To reduce server traffic all audio files are hosted externally. The audio host offers its own player and javacript library for this purpose. Several audios on the same page increase load time dramatically. User experience is very bad. See this page for example:

[login to view URL]

It's the same with Youtube. This is why I use a script that loads the YT clip after the thumbnail is clicked. I can now put dozens of clips on the same page with no negative effect. See this example with 16 videos. Load time is around 1 second (from Germany where the server is):

[login to view URL]

I would need the same solution for the audio player. The player can be implemented with javascript or with an iFrame.

Please see the attached file for further information. You will an example for each method.

For the user it should look like this: An image is loaded that looks like a player (doesn't really matter). After clicking this image, the player is loaded. An loading indicator would be fine, but is optional.

Notice that several of these players can be on one page. The script should handle this. Furthermore, I would prefer a solution that does not need any javascript in the HTML part. This is a WordPress site. While we can use raw javacript in an editor I would rather avoid that.

See the attached file for the the HTML pattern that is used your youtube videos. It does not contain any javascript but plain old HTML.

Skills: JavaScript, PHP

See more: flash hidden audio player javascript, fast farward windows media player using javascript, custom flv player using javascript control, full duplex audio player using waveinwaveout apis, audio player web javascript, wordpress audio player using html, full duplex audio player using wavein waveout apis, flv player using javascript rtmp, lazy loading jquery tabs using ajax, mmc audio player using pic, write a paragraph on how to reduce garbage, Write a command line program to \ join\ .csv files., audio player using javascript, how to sell a product to a customer from start to finish, how should a customer prepare prior to bringing in their ios device for repair?, which feature is required for a vm-series firewall to receive traffic from the aws elb?, when a customer asks me to do something that is someone else's job i am most likely to, when a customer ask me to do something that is someone else's job i am most likely to

About the Employer:
( 6 reviews ) Karlsruhe, Germany

Project ID: #30567020

Awarded to:

vitalykuzin

Hi, I can make it on your wp page. Contact me with the WP admin access adn we can start from there. Best, Vitalii

€140 EUR in 7 days
(23 Reviews)
5.6

21 freelancers are bidding on average €149 for this job

(340 Reviews)
7.3
seefattechnologi

Hello!! --I am highly interested to get started on this project---I am JavaScript Developer having more then 5 years experience in javascript development. Skills: JavaScript, PHP, WordPress, HTML5/CSS3/Bootstrap3, Jq More

€201 EUR in 5 days
(80 Reviews)
6.9
baniksubir1

Hi , Today your job posting (Lazy loading an audio player using javascript) has caught my attention, and I wish to have a conversation about the project. I read your project - A customer of mine offers free podcasts.. More

€155 EUR in 7 days
(94 Reviews)
6.4
listen5

Hello There, Your call for an expert WordPress developer to build an interactive website sounds like a great fit for my skills, I have reviewed your job post carefully and I'd love the get this chance to prove my skil More

€200 EUR in 4 days
(33 Reviews)
5.7
kjasvir

Hello Hiring Manager, I am expert in HTML , CSS , JAVASCRIPT , JQUERY , BOOTSTRAP , PHP , CODEIGNATOR , CAKEPHP, LARAVEL, WORDPRESS ,SHOPIFY , WIX , SQUARESPACE , MAGENTO 2 , JOOMLA , OPENCART , API and CRM Developm More

€110 EUR in 2 days
(20 Reviews)
5.8
santoshm143

Salutations, I am a Senior multilingual Developer having 7+ years of experience in 350+ websites and 125+ apps all finalized using WordPress,woo-commerce, HTML, MySQL, JavaScript, and others. -Solid experience with JS More

€140 EUR in 7 days
(64 Reviews)
6.6
ahmedaaalnaasan

Hi, my name is Ahmed from Turkey. I speak 2 languages Arabic and English. I belong to a huge excellent teamwork specializing in Website and Application. Absolutely, I`m ready to work on your project Lazy loading an aud More

€50 EUR in 7 days
(12 Reviews)
6.1
(20 Reviews)
5.8
vineetvrm05

Hi, I’d be happy to help you with your requirements for a "Lazy loading an audio player using javascript". It would be my pleasure to work with you. I can assure you of the top notch work quality and a quick turnarou More

€250 EUR in 7 days
(31 Reviews)
5.5
NextYoo

Hi There, I am confident for the project *GUARANTEE:- WORK DONE OR FULL REFUND *WHY ME :- I have 100% complete rate because I have good Respect for clients and i always try to make good communication to clear things More

€166 EUR in 4 days
(13 Reviews)
5.3
irishapovarova

❤️Warm greeting❤️ I have already worked the project similar to yours I read your job posting. This is no problem for me. I can start work right now. This work can be done in a quick time because I am a full time develo More

€80 EUR in 2 days
(7 Reviews)
4.7
dumbbunny03099

---- Expert ---- Dear ❤Client❤. Thanks for your job posting. I've read your requirements carefully and I feel that I can contribute to your project. I am having over 7 years of expertise in: - General web technology More

€250 EUR in 5 days
(5 Reviews)
4.5
abubakarrafi81

⭐⭐ I have already did this 1 week ago...Just feel free to discuss ,⭐⭐ i have 5️⃣ Years of experience in this field. ⭐⭐If you will work with me i will surprise you with quality of work.

€140 EUR in 7 days
(3 Reviews)
3.2
dmitriysidorov

Hello. Glad to apply for your job. I am specialised in website design and development and excited for the opportunity to work with you in accomplishing your goals. As a professional Full time PHP developer, so I have More

€140 EUR in 3 days
(2 Reviews)
1.0
ethereal3322

Thanks for your posting. My focus point is to give best results which is above the clients expectation. I am a professional engineer with 8+ years experiences javascript and PHP. I am a skilled programmer who able to More

€50 EUR in 4 days
(1 Review)
0.8
codelabsbrasil

Bom dia , estarei encaminhando esse texto para que possa ser iniciado um primeiro contato, já que teria que ter mais especificações de conteúdo para definir um prazo e valor com total precisão precisão. Sou Diretor da More

€250 EUR in 7 days
(0 Reviews)
0.0
Joseph42A

Hello sir, happy to get your project and get it done as faster as you want and I'm an experienced web developer and designer as well you can rely on me ?

€140 EUR in 1 day
(0 Reviews)
0.0
ahecpvtltd

Hello There, Greetings for the day, I am Ashutosh , business developer of AHEC & Groups. AHEC assists its clients to build professional and good quality approachable websites in accordance with the client’s needs . Goi More

€140 EUR in 4 days
(0 Reviews)
0.0
SohalLohana

Dear Client, Many Greetings! I have a huge experience as a Wordpress developer. I can provide your page by page estimation and can also take care of page loading speed. It will surely be optimized for google page spe More

€140 EUR in 7 days
(0 Reviews)
0.0
susmita934

Design Developer Digital Marketing Expert I have been a freelancer for more that 10 Years doing Project Related to Digital Marketing and Web Development Please feel free to whatsapp me at +919353885954 or skype me : va More

€140 EUR in 7 days
(0 Reviews)
0.0