Using Speakker – Cool HTML5 Audio Player. Using Speakker – Cool HTML5 Audio Player(jQuery) Today we continue jQuery lessons, and we will try new audio player – Speakker. This is free html5 audio player with nice interface. It allow us to listen music, adjust the volume, have different covers (for media), and have possibility to attach playlists (even via PHP files). Also it have ready possibility to share link to facebook and twitter. Here are original website of this player: Ok, here are our sample and downloadable package: Live Demo download in package Ok, download the example files and lets start coding !
Step 1. As usual, we start with the HTML. This is our main page source code with both players. index.html As you can see – I prepared only one DIV parent for small player, big player will appear in bottom by self. Step 2. Here are used CSS styles. css/main.css Other css files: css/mspeakker.css and css/speakker.css Both files is part of speakker player (these files available in package) Step 3. Speakker.min.js. Speakker - The new way of <audio> Send email from localhost/WAMP Server using sendmail | TechWheels.net's Technology Blog. Please try the previous solution [PHPMailer] first to send email from localhost. It is much more efficient. The new WAMP Server’s PHP and stand-alone PHP v5.3+, are now NOT available with some of the extensions required to implement the previous solution [PHPMailer] (there is a workaround to install the missing extension(s), described in the linked article).
So an alternate and much less efficient (slower, but negligible low-speed for development platform (WAMP/localhost)) solution can be implemented, as below: Solution This solution requires sendmail.exe (a Command Line Interface (CLI) executable which accepts email from PHP, connects to an SMTP server and sends email). Download the sendmail.zip and follow these steps: Update (2-Dec-2012) Please ensure that 2-steps-verification is disabled in GMail if you are using GMail’s SMTP server to send email (sending email using GMail), otherwise you might get “Email sent” message but the email won’t get sent actually. Update (25-Mar-2013) Best Practices for Web Apps. Developing web pages and web applications for mobile devices presents a different set of challenges compared to developing a web page for the typical desktop web browser.
To help you get started, the following is a list of practices you should follow in order to provide the most effective web application for Android and other mobile devices. Redirect mobile devices to a dedicated mobile version of your web site There are several ways you can redirect requests to the mobile version of your web site, using server-side redirects. Most often, this is done by "sniffing" the User Agent string provided by the web browser.
To determine whether to serve a mobile version of your site, you should simply look for the "mobile" string in the User Agent, which matches a wide variety of mobile devices. For a more thorough guide to creating great mobile web applications, see the W3C's Mobile Web Best Practices. Safari Developer Library.