Tizen Forums

Hi,

thanks for your reply i used above code and its working but i have some issue with playing audio, i have created list of artist, title and albums whenever i click on item list URL is not loading..

       var itemsList = document.getElementById('playlist');
      var albumList = document.getElementById('albumlist');
      var artistList = document.getElementById('artistlist');
        
        console.log("Successfully retrieved the list of Audio items");
        for (var i=0; i < contents.length; i++) {
            console.log(i + ":" + contents[i].type + ":" + contents[i].title + ":" +contents[i].mimeType);
            console.log("album:" + contents[i].album);
            console.log("artists:" + contents[i].artists[0]);
            console.log("duration:" + contents[i].duration);
            console.log("playedTime :" + contents[i].playedTime);
            console.log("playCount :" + contents[i].playCount);
            console.log("Item copyright: " + contents[i].copyright);
            console.log("Item bitrate: " + contents[i].bitrate);
            console.log("Item trackNumber: " + contents[i].trackNumber);
            console.log("Item size: " + contents[i].size); 
          
          
            
            var listItem = document.createElement("li");   //to create title list
            var listalbum = document.createElement("li");   //to create albumlist
            var listartist = document.createElement("li");     //to create artist list

            // add the item text
            listItem.innerHTML = contents[i].title;
            listalbum.innerHTML = contents[i].album;
            listartist.innerHTML =  contents[i].artists[0];
           
           
            // add listItem to the listElement
            itemsList.appendChild(listItem);
            albumList.appendChild(listalbum);
            artistList.appendChild(listartist);
        } 
    }
  
    
    function getAudio(){
        
      
    // Retrieve the ContentManager interface instance using the tizen global object
    var manager = tizen.content;
     
    // Let's try to retrieve the Audio list.
    var contentType = "AUDIO";
    var filter = new tizen.AttributeFilter("type", "EXACTLY", contentType);
    console.log("Getting the list of audio files on the phone");
    manager.find(mediaItemArray, onError, null, filter);
    
    };

//initialising audio file

 function initialize(c) {
        alert(c.contentURL);
        var e = c.contentURI;
        var d = c.text();
        var b = c.attr("cover");
        var a = c.attr("artist");
        $(" .title").text(d);
        $(" .artist").text(a);
        $(" .cover").css("background-image", "url(data/" + b + ")");
        E = new Audio(e);
        E.addEventListener("timeupdate", function() {
            var f = parseInt(E.currentTime, 10);
            M.slider("value", f);
        });
        $("#playlist li").removeClass("active");
        c.addClass("active");
    }

//selecting list item 

    $("#playlist li").click(function() {
        PauseAudio();
        
        initialize($(this));
      
        PlayAudio();
    });

Please help me to resolve this problem

Hello,

this is because you don't save URL, you save only information about title, artist and album. 

// Retrieve the ContentManager interface instance using the tizen global object
var manager = tizen.content;
var audio = document.getElementById("audio");

// Let's try to retrieve the Audio list.
var contentType = "AUDIO";
var filter = new tizen.AttributeFilter("type", "EXACTLY", contentType);
console.log("Getting the list of audio files on the phone");
manager.find(mediaItemArray, onError, null, filter);


function onError(response) {
    console.log( "The following error occurred: " + response.name);
}

var onclickFunction = function() {
	alert("clicked" + this.innerHTML);
	alert("URL= " + this.contentURL);
	
	audio.src = this.contentURL;
};

function mediaItemArray (contents) {
    var itemsList = document.getElementById('playlist');
    console.log("Successfully retrieved the list of Audio items");

    for (var i=0; i < contents.length; i++) {
        console.log(i + ":" + contents[i].type + ":" + contents[i].title + ":" +contents[i].mimeType);
        console.log("album:" + contents[i].album);
        console.log("artists:" + contents[i].artists[0]);
        console.log("duration:" + contents[i].duration);
        console.log("Item bitrate: " + contents[i].bitrate);
        console.log("Item trackNumber: " + contents[i].trackNumber);
        console.log("Item size: " + contents[i].size); 

        var listItem = document.createElement("li");   //to create title list
        listItem.innerHTML = contents[i].title;
        listItem.contentURL = contents[i].contentURI;
        listItem.onclick = onclickFunction;

        itemsList.appendChild(listItem);
    }
}

"audio" in this example is:

<audio id="audio" controls src="" autoplay></audio>

Regards,

Svetlana Palitsyna

Thank you.

i'll chek it out..