Jump to content

comment mettre un lecteur player mp3?


Recommended Posts

Bonjour j'aimerai mettre dans la boutique prestashop 1.5 un lecteur mp3,

dès qu'on tombe sur la boutique un musique se lance automatiquement,

mais pour le moment j'en suis  à mettre un lecteur j'ai essayé ceci

 

<object type="application/x-shockwave-flash" data="dewplayer-mini.swf?mp3=1.mp3" width="160" height="20" id="dewplayer-mini">

 

je l'ai mis dans le footer.tpl,

 

par contre je ne vois pas de lecteur sur mon footer,

comment je dois faire  pour y arriver?

 

 

 

merci de votre réponse

Link to comment
Share on other sites

Ce n'est que mon avis mais je te déconseille de mettre de la musique sur un site.

Les sons sont généralement perçus comme une agression lorsqu'ils ne sont pas déclenchés volontairement.

 

De plus, à chaque changement de page, ton lecteur va se réinitialiser et reprendre sa lecture au début.

 

Donc à moins que tu vendes des disques et que tu associes un extrait à chaque album/produit, oublie.

 

@cyndi : ton exemple est en flash et jusqu'à preuve du contraire, youtube est en flash.

Edited by driii (see edit history)
  • Like 1
Link to comment
Share on other sites

merci de la réponse mais comme le client est roi je lui met de la musique

 

j'ai essayé ceci

 

j'ai mis un jplayer dans un site,

dès qu'on l'ouvre , de la musique de fond se lance automatiquement.

 

<script type='text/javascript'>
ff=window.open('mp3/index.html','popup','height=330,width=210,top=10,left=100,right=10,toolbar=no,menubar=no,location=no,resizable=yes,scrollbars=no,status=no')
</script>

 

voici index.html

 

 

 

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width; initial-scale=1.5; user-scalable=no;">
        <title>jPlayer - Circle Player</title>

        <link rel="stylesheet" href="css/not.the.skin.css">
        <link rel="stylesheet" href="circle.skin/circle.player.css">

        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6/jquery.min.js"></script>
        <script type="text/javascript" src="js/jquery.transform2d.js"></script>
        <script type="text/javascript" src="js/jquery.grab.js"></script>
        <script type="text/javascript" src="js/jquery.jplayer.js"></script>
        <script type="text/javascript" src="js/mod.csstransforms.min.js"></script>
        <script type="text/javascript" src="js/circle.player.js"></script>
        <!--<script type="text/javascript" src="https://getfirebug.com/firebug-lite.js"></script>-->

        <script type="text/javascript">
        $(document).ready(function(){

            /*
             * Instance CirclePlayer inside jQuery doc ready
             *
             * CirclePlayer(jPlayerSelector, media, options)
             * jPlayerSelector: String - The css selector of the jPlayer div.
             * media: Object - The media object used in jPlayer("setMedia",media).
             * options: Object - The jPlayer options.
             *
             * Multiple instances must set the cssSelectorAncestor in the jPlayer options. Defaults to "#cp_container_1" in CirclePlayer.
             */

            var myCirclePlayer = new CirclePlayer("#jquery_jplayer_1",
            {
                m4a: "http://www.jplayer.org/audio/m4a/Miaow-07-Bubble.m4a",
                oga: "http://www.jplayer.org/audio/ogg/Miaow-07-Bubble.ogg"
            }, {
                cssSelectorAncestor: "#cp_container_1"
            });

        });
        </script>
    </head>
    <body>

        <!-- The jPlayer div must not be hidden. Keep it at the root of the body element to avoid any such problems. -->
        <div id="jquery_jplayer_1" class="cp-jplayer"></div>


        <div class="prototype-wrapper"> <!-- A wrapper to emulate use in a webpage and center align -->


            <!-- The container for the interface can go where you want to display it. Show and hide it as you need. -->

            <div id="cp_container_1" class="cp-container">
                <div class="cp-buffer-holder"> <!-- .cp-gt50 only needed when buffer is > than 50% -->
                    <div class="cp-buffer-1"></div>
                    <div class="cp-buffer-2"></div>
                </div>
                <div class="cp-progress-holder"> <!-- .cp-gt50 only needed when progress is > than 50% -->
                    <div class="cp-progress-1"></div>
                    <div class="cp-progress-2"></div>
                </div>
                <div class="cp-circle-control"></div>
                <ul class="cp-controls">
                    <li><a class="cp-play" tabindex="1">play</a></li>
                    <li><a class="cp-pause" style="display:none;" tabindex="1">pause</a></li> <!-- Needs the inline style here, or jQuery.show() uses display:inline instead of display:block -->
                </ul>
            </div>




        </div>
    </body>
</html>

 

Pour l'ouverture cela fonctionne, par contre je demande une autre page,

un autre popup est ouvert , comment faire en sorte ne pas avoir un instance de cette même popup ?

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...