#1 2010-05-10 18:38:34

gbobard
Member
Registered: 2010-04-27
Posts: 6

add music on the IONIZECMS ?

What integrate music on Ionizecms ? Although attach the file. mp3 Relates to the article, BUT the private level of theme Next add the code:

    <ion:medias type="music">

            <img src="<ion:src folder="medium" />" title="<ion:title />" alt="<ion:alt />" />

    </ion:medias>



thanks for your responses

Gabriel

Last edited by gbobard (2010-05-10 18:39:10)

Offline

#2 2010-05-12 08:06:56

Michel-Ange
Ionize Core Team
From: Paris, France
Registered: 2010-03-22
Posts: 927
Website

Re: add music on the IONIZECMS ?

Hi gbobard.

In the exemple you give, you loop through music files and you want to display them through an IMG tag.

I can suggest you to add a mp3 flash player in the loop to do this job.


Inspiration & Innovation : Websites by Partikule, Agence Web Paris

Offline

#3 2010-06-03 17:08:49

gbobard
Member
Registered: 2010-04-27
Posts: 6

Re: add music on the IONIZECMS ?

Michel  Ange

this is possible of take one example ?

I see one folder    themes/mytheme/flash  and  into  the file  player.swf   who is to use ?

en Français

est-il possible d'avoir un exemple ?

je vois un dossier   /themes/mytheme/flash/...     à l'intérieur il y a  un fichier player.swf   comment utiliser cela

merci

Offline

#4 2010-06-12 09:24:11

Michel-Ange
Ionize Core Team
From: Paris, France
Registered: 2010-03-22
Posts: 927
Website

Re: add music on the IONIZECMS ?

Here is an example of integrating music in Ionize views :

<ion:medias type="music">

    <!-- This div will contain the player -->
    <div class="music"  id="m<ion:id_media />"></div>
    
    <script type="text/javascript">

        var m<ion:id_media />;
        m<ion:id_media /> = new SWFObject('<ion:theme_url />flash/mediaplayer/player.swf','player','320','20','9');
        m<ion:id_media />.addParam('allowscriptaccess','always');
        m<ion:id_media />.write("m<ion:id_media />");
                
    </script>

</ion:medias>

Inspiration & Innovation : Websites by Partikule, Agence Web Paris

Offline

#5 2010-06-16 18:03:57

gbobard
Member
Registered: 2010-04-27
Posts: 6

Re: add music on the IONIZECMS ?

Hi MichelAnge

I have added this line  into header

    <script type="text/javascript" src="<ion:theme_url />flash/mediaplayer/swfobject.js"></script> 

and added  into body

<ion:medias type="music">

    <!-- This div will contain the player -->
    <div class="music"  id="m<ion:id_media />"></div>
    
    <script type="text/javascript">

        var m<ion:id_media />;
        m<ion:id_media /> = new SWFObject('<ion:theme_url />flash/mediaplayer/player.swf','player','320','20','9');
        m<ion:id_media />.addParam('allowscriptaccess','always');
        m<ion:id_media />.write("m<ion:id_media />");
                
    </script>

</ion:medias>

and  NO music, I have tested with   firebug  it' OK ...  not understand

help me please

best regards

Offline

#6 2010-06-17 18:42:15

Michel-Ange
Ionize Core Team
From: Paris, France
Registered: 2010-03-22
Posts: 927
Website

Re: add music on the IONIZECMS ?

Can you give an extract (not the full page please) of the generated code for the player ?


Inspiration & Innovation : Websites by Partikule, Agence Web Paris

Offline

#7 2010-06-21 13:55:09

gbobard
Member
Registered: 2010-04-27
Posts: 6

Re: add music on the IONIZECMS ?

Hi Michel Ange

generated code below:

<div id="m34" class="music"><embed width="320" height="20" allowscriptaccess="always" quality="high" name="player" id="player" style="" src="http://127.0.0.1/ionize-093/themes/hand_made/flash/mediaplayer/player.swf" type="application/x-shockwave-flash"></div>

<script type="text/javascript">

            var m34;
            m34 = new SWFObject('http://127.0.0.1/ionize-093/themes/hand_made/flash/mediaplayer/player.swf','player','320','20','9');
            m34.addParam('allowscriptaccess','always');
            m34.write("m34");
                    
        </script>

Thank you

Offline

#8 2010-06-24 13:42:56

Michel-Ange
Ionize Core Team
From: Paris, France
Registered: 2010-03-22
Posts: 927
Website

Re: add music on the IONIZECMS ?

Hi,

Oups ! I forgot one line... Here is the complete code...

Just a question : Did you search to see how the Mediaplayer works or do you directly copy / paste the code I gave you ?

I'm OK to learn you to fishing with Ionize (even you should learn alone the basics of fishing) but it's the last time I give you fish directly... wink
It could be nice for you to make the difference between an IMG HTML tag and a Flash object...

<ion:medias type="music">

    <!-- This div will contain the player -->
    <div class="music"  id="m<ion:id_media />"></div>
    
    <script type="text/javascript">

        var m<ion:id_media />;
        m<ion:id_media /> = new SWFObject('<ion:theme_url />flash/mediaplayer/player.swf','player','320','20','9');
        m<ion:id_media />.addParam('allowscriptaccess','always');

        m<ion:id_media />.addParam('flashvars',"file=<ion:base_url /><ion:path />");

        m<ion:id_media />.write("m<ion:id_media />");
                
    </script>

</ion:medias>

Inspiration & Innovation : Websites by Partikule, Agence Web Paris

Offline

What's Ionize ?

Ionize is an Open Source Content Management System created by webdesigners for webdesigners.

Created and maintained by Partikule and Toopixel, Ionize wants to be the easiest and most powerful CMS.

Can I help ?

Because talent is nothing without involvement, we are looking for motivated coders and webdesigners to join the project team.

Resources

Website : ionizecms.com
Documentation : doc.ionizecms.com

Development : Ionize on GitHub
Translations : Ionize Translations