Suoritettu

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.

Taidot: JavaScript, PHP

Näytä lisää: 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

Tietoa työnantajasta:
( 6 arvostelua ) Karlsruhe, Germany

Projektin tunnus: #30567020

Myönnetty käyttäjälle:

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 7 päivässä
(23 Arvostelua)
5.6

21 freelanceria on tarjonnut keskimäärin €149 tähän työhön

(340 arvostelua)
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 Lisää

€201 EUR 5 päivässä
(80 arvostelua)
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.. Lisää

€155 EUR 7 päivässä
(94 arvostelua)
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 Lisää

€200 EUR 4 päivässä
(33 arvostelua)
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 Lisää

€110 EUR 2 päivässä
(20 arvostelua)
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 Lisää

€140 EUR 7 päivässä
(64 arvostelua)
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 Lisää

€50 EUR 7 päivässä
(12 arvostelua)
6.1
(20 arvostelua)
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 Lisää

€250 EUR 7 päivässä
(31 arvostelua)
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 Lisää

€166 EUR 4 päivässä
(13 arvostelua)
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 Lisää

€80 EUR 2 päivässä
(7 arvostelua)
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 Lisää

€250 EUR 5 päivässä
(5 arvostelua)
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 7 päivässä
(3 arvostelua)
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 Lisää

€140 EUR 3 päivässä
(2 arvostelua)
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 Lisää

€50 EUR 4 päivässä
(1 arvostelu)
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 Lisää

€250 EUR 7 päivässä
(0 arvostelua)
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 1 päivässä
(0 arvostelua)
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 Lisää

€140 EUR 4 päivässä
(0 arvostelua)
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 Lisää

€140 EUR 7 päivässä
(0 arvostelua)
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 Lisää

€140 EUR 7 päivässä
(0 arvostelua)
0.0