HTML5 Audios

[TS-VCSC-Icon-Title title=”HTML5 Audio Player Features” align=”center” font_family=”Default:regular” size=”48″ font_weight=”300″ highlight_allow=”true” highlight_color=”#2691bd” highlight_strings=”RmVhdHVyZXM=” el_file1=”” el_file2=””]

The “TS Audio HTML5” element allows you to easily insert a self-hosted HTML5 audio file into your site. The element (player) comes with multiple skins and provides you with a lot of unique features that allow you to get the most out of your audios.

[TS_VCSC_Fancy_List list_type=”image” marker_image=”http://tekanewascripts.com/composium/wp-content/plugins/ts-visual-composer-extend/images/bullets/bullet_arrow_blue.png”]

  • Audio is embedded via iFrame to avoid JS/CSS conflicts with other players or plugins
  • Handles MP4 and OGG audio files for a variety of browsers
  • 3 different player skins to select from
  • Flash fallback for older browsers (it requires at least an MP4 version of the video)
  • Mobile browsers will either revert to their native players or if skinning is possible, only provide their native controls
  • Use audios uploaded to WordPress or from remote servers
  • Autoplay feature to automatically start audio upon page load (desktop only)
  • Autostop feature of currently playing audio when another audio is started
  • Add logo overlay to your video (desktop only) or to control bar (standard for mobile) with optional link
  • Audio player is fully responsive
  • Optional social share buttons (Twitter, Facebook, Google+, StumbleUpon)
  • Show video player with optional poster or only player bar with optional tooltip button to show track information
  • Show audio player fixed on screen (top left / top right / bottom left / bottom right) with optional offsets to account for fixed menu bars

[/TS_VCSC_Fancy_List][TS-VCSC-Spacer height=”20″ el_file=””][TS-VCSC-Icon-Title title=”HTML5 Audio Player Skins” align=”center” font_family=”Default:regular” size=”48″ font_weight=”300″ highlight_allow=”true” highlight_color=”#2691bd” highlight_strings=”U2tpbnM=” el_file1=”” el_file2=””]

Skin 1

[TS-VCSC-Divider margin_top=”0″][TS_VCSC_HTML5_Audio audio_mp3_source=”false” audio_mp3_remote=”http://www.tekanewascripts.com/audios/Paper_Navy_-_Swan_Song.mp3″ audio_ogg_source=”false” audio_ogg_remote=”http://www.tekanewascripts.com/audios/Paper_Navy_-_Swan_Song.ogg” audio_poster=”16826″ audio_title=”Paper Navy – Swan Song” audio_logo_show=”logocontrol” audio_logo_image=”16011″]

Skin 2

[TS-VCSC-Divider margin_top=”0″][TS_VCSC_HTML5_Audio audio_mp3_source=”false” audio_mp3_remote=”http://www.tekanewascripts.com/audios/Paper_Navy_-_Tongue_Tied.mp3″ audio_ogg_source=”false” audio_ogg_remote=”http://www.tekanewascripts.com/audios/Paper_Navy_-_Tongue_Tied.ogg” audio_theme=”totallylookslike” audio_poster=”16825″ audio_title=”Paper Navy – Tongue Tied” audio_logo_show=”logotop” audio_logo_image=”16011″]

Skin 3

[TS-VCSC-Divider margin_top=”0″][TS_VCSC_HTML5_Audio audio_mp3_source=”false” audio_mp3_remote=”http://www.tekanewascripts.com/audios/Robin_Grey_-_These_Days.mp3″ audio_ogg_source=”false” audio_ogg_remote=”http://www.tekanewascripts.com/audios/Robin_Grey_-_These_Days.ogg” audio_theme=”minimum” audio_poster=”16827″ audio_title=”Robin Grey – These Days” audio_logo_show=”logocontrol” audio_logo_image=”16011″]

Audio tracks are provided via creative commons license from http://freemusicarchive.org/curator/creative_commons/

[TS_VCSC_HTML5_Audio audio_mp3_source=”false” audio_mp3_remote=”http://www.tekanewascripts.com/audios/Emerald_Park_-_At_the_Mall.mp3″ audio_ogg_source=”false” audio_ogg_remote=”http://www.tekanewascripts.com/audios/Emerald_Park_-_At_the_Mall.ogg” audio_fixed=”true” audio_bar_only=”true” audio_auto=”true” content_tooltip_title=”Currently Playing …” content_tooltip_content=”Emerald Park – At the Mall” tooltipster_offsety=”30″][TS_VCSC_HTML5_Audio audio_mp3_source=”false” audio_mp3_remote=”http://www.tekanewascripts.com/audios/DJ_Clyme_-_River_Flow_In_You_2012_Remix.mp3″ audio_ogg_source=”false” audio_ogg_remote=”http://www.tekanewascripts.com/audios/DJ_Clyme_-_River_Flow_In_You_2012_Remix.ogg” audio_fixed=”true” audio_fixed_position=”bottomright” audio_fixed_switch=”remove” audio_bar_only=”true” content_tooltip_title=”Currently Playing …” content_tooltip_content=”DJ Clyme – River Flow In You (2012 Remix)” tooltipster_offsety=”30″]