Audio player with custom layout

Question

Audio player with custom layout

Navigation

#1 by (1 votes)

1

I needed to make an audio player like this, I'm redoing the site in html5. Can anyone tell me if it's possible? The client does not want any layout changes.

Link to view: Link

html5

asked by anonymous 13.08.2015 / 00:09

1 answer

Filtering EditText from ListView in android [duplicate] How to do migrations and versioning with firebird database?

score 1 · Answer 1

There are a few ways to do it. Case 1: Using HTML5. Note: It may not be supported in older browsers. The code looks like this:

 <audio controls>
     <source src="audio/dedinhos.mp3" type="audio/mpeg">
 </audio>

If you choose to use a JS library, for example: soundmanager . In this case just read the documentation and choose the formats and how to use. A brief example would look like this:

    <link href="css/360-player/360player.css" rel="stylesheet" type="text/css"/>
    <!-- special IE-only canvas fix -->
    <!--[if IE]><script type="text/javascript" src="js/excanvas.js"></script><![endif]-->

    <!-- Apache-licensed animation library -->
    <script type="text/javascript" src="js/berniecode-animator.js"></script>

    <!-- the core stuff -->
    <script type="text/javascript" src="js/soundmanager2.js"></script>
    <script type="text/javascript" src="js/360player.js"></script>
    <link href="css/demo.css" rel="stylesheet" type="text/css"/>
</head>
<body>
    <h2>JS</h2>
    <div class="ui360"><a href="audio/dedinhos.mp3">Dedinhos</a></div>
    <div class="ui360"><a href="audio/jesus.mp3">Jesus</a></div>   
</body>

I hope I have helped.