lundi 14 juillet 2014

API DM et JQuery : Obtenir les 100 meilleures videos dailymotion du canal music contenant dancehall, et les trailers associes, mis a jour en temps-reel

<!DOCTYPE html>
<!-- Source code from http://ntic974.blogspot.com 13/07/2014 -->
<html>
<head>
<!--<script src="./jquery-2.1.1.js"></script>-->
<script src="http://code.jquery.com/jquery-2.1.1.min.js"></script>
<script>
$(document).ready(function(){
    $.getJSON("https://api.dailymotion.com/videos?fields=title,url,embed_html%2Cviews_last_day%2Cviews_last_hour%2Cviews_last_month%2Cviews_last_week%2Cviews_total&channel=music&search=dancehall&sort=visited-hour&limit=5",
    function( data ) {
        console.log(data);
        var items = [];
        $.each( data, function( key, val ) {
            console.log(key);
            if (key=='list'){
                $.each(val, function(subkey,subval){
                    console.log(subkey + ":" + subval);
                    $.each(subval, function(subkey2, subval2){
                        console.log(subkey2 + ":" + subval2);
                        var $title = '';
                        if (subkey2=='title'){
                            title = subval2;
                        }
                        if (subkey2=='url'){
                            items.push("<a href='" + subval2 + "'>" + title + "</a><br/>");
                        }
                        if (subkey2=='embed_html'){
                            //console.log(subval2);
                            items.push(subval2 + '<br/><br/><br/>');
                        }
                    });
                });
            }
        });
       
    $( "<ul/>", {
        "class": "my-new-list",
        html: items.join( "" )
        }).appendTo( "body" );
    }); 
});
</script>
</head>
<body>
Sorted by visited month<br/>
<br/>
</body>
</html>

dimanche 13 juillet 2014

API Dailymotion et JQuery, afficher les 100 news les plus consultées sur Dailymotion durant les dernières 24h

<!DOCTYPE html>
<!-- Source code from http://ntic974.blogspot.com 13/07/2014 -->
<html>
<head>
<!--<script src="./jquery-2.1.1.js"></script>-->
<script src="http://code.jquery.com/jquery-2.1.1.min.js"></script>
<script>
$(document).ready(function(){
    $.getJSON("https://api.dailymotion.com/videos?fields=url&channel=news&sort=visited-today&limit=100",
    function( data ) {
        console.log(data);
        var items = [];
        $.each( data, function( key, val ) {
            console.log(key);
            //items.push( "<li id='" + key + "'>key = " + key + " : val = " + val + "</li>" );
            if (key=='list'){
                //items.push("List detected");
                $.each(val, function(subkey,subval){
                    console.log(subkey + ":" + subval);
                    //items.push( "<li id='" + subkey + "'>subkey = " + subkey + " : subval = " + subval + "</li>" );               
                    $.each(subval, function(subkey2, subval2){
                        console.log(subkey2 + ":" + subval2);
                        //items.push( "<li id='" + subkey2 + "'>subkey2 = " + subkey2 + " : subval2 = " + subval2 + "</li>" );               
                        if (subkey2=='views_last_day'){
                            items.push("views_last_day = " + subval2 + "<br/>");
                        }
                        if (subkey2=='url'){
                            items.push("<a href='" + subval2 + "'>" + subval2 + "</a><br/>");
                        }
                    });
                });
            }
        });
       
    $( "<ul/>", {
        "class": "my-new-list",
        html: items.join( "" )
        }).appendTo( "body" );
    }); 
});
</script>
</head>
<body>
</body>
</html>

API Dailymotion et JQuery, évolution du dernier code posté

Cette version n'affiche que les 100 premiers liens canal music pays France les plus consultés sur Dailymotion durant la dernière heure, et affiche aussi le nombre de vues sur la dernière journée, sans les sorties debug...

<!DOCTYPE html>
<!-- Source code from http://ntic974.blogspot.com 13/07/2014 -->
<html>
<head>
<!--<script src="./jquery-2.1.1.js"></script>-->
<script src="http://code.jquery.com/jquery-2.1.1.min.js"></script>
<script>
$(document).ready(function(){
    $.getJSON("https://api.dailymotion.com/videos?channel=music&sort=visited-hour&fields=url,views_last_day,country,description&limit=100",
    function( data ) {
        console.log(data);
        var items = [];
        $.each( data, function( key, val ) {
            console.log(key);
            //items.push( "<li id='" + key + "'>key = " + key + " : val = " + val + "</li>" );
            if (key=='list'){
                //items.push("List detected");
                $.each(val, function(subkey,subval){
                    console.log(subkey + ":" + subval);
                    //items.push( "<li id='" + subkey + "'>subkey = " + subkey + " : subval = " + subval + "</li>" );               
                    $.each(subval, function(subkey2, subval2){
                        console.log(subkey2 + ":" + subval2);
                        //items.push( "<li id='" + subkey2 + "'>subkey2 = " + subkey2 + " : subval2 = " + subval2 + "</li>" );               
                        if (subkey2=='views_last_day'){
                            items.push("views_last_day = " + subval2 + "<br/>");
                        }
                        if (subkey2=='url'){
                            items.push("<a href='" + subval2 + "'>" + subval2 + "</a><br/>");
                        }
                    });
                });
            }
        });
       
    $( "<ul/>", {
        "class": "my-new-list",
        html: items.join( "" )
        }).appendTo( "body" );
    }); 
});

</script>
</head>
<body>
</body>
</html>



API Dailymotion et JQuery Part III

Objectif : Obtenir les vidéos du canal music les plus vues pour le pays France la dernière journée et pouvoir générer un lien automatique pour chaque vidéo retournée par l'API Dailymotion.

<!DOCTYPE html>
<!-- Source code from http://ntic974.blogspot.com 13/07/2014 -->
<html>
<head>
<!--<script src="./jquery-2.1.1.js"></script>-->
<script src="http://code.jquery.com/jquery-2.1.1.min.js"></script>
<script>
$(document).ready(function(){
    $.getJSON("https://api.dailymotion.com/videos?channel=music&country=FR&sort=visited-hour&fields=url,views_last_day",
    function( data ) {
        console.log(data);
        var items = [];
        $.each( data, function( key, val ) {
            console.log(key);
            items.push( "<li id='" + key + "'>key = " + key + " : val = " + val + "</li>" );
            if (key=='list'){
                //items.push("List detected");
                $.each(val, function(subkey,subval){
                    console.log(subkey + ":" + subval);
                    items.push( "<li id='" + subkey + "'>subkey = " + subkey + " : subval = " + subval + "</li>" );               
                    $.each(subval, function(subkey2, subval2){
                        console.log(subkey2 + ":" + subval2);
                        items.push( "<li id='" + subkey2 + "'>subkey2 = " + subkey2 + " : subval2 = " + subval2 + "</li>" );               
                        if (subkey2=='url'){
                            items.push("url = <a href='" + subval2 + "'>" + subval2 + "</a>");
                        }
                    });
                });
            }
        });
       
    $( "<ul/>", {
        "class": "my-new-list",
        html: items.join( "" )
        }).appendTo( "body" );
    }); 
});
</script>
</head>
<body>
</body>
</html>

API Dailymotion et JQuery part II :)

Obtenir les vidéos du channel "music" qui ont eu le plus de visites durant la dernière heure pour le pays France :

<!DOCTYPE html>
<html>
<head>
<!--<script src="./jquery-2.1.1.js"></script>-->
<script src="http://code.jquery.com/jquery-2.1.1.min.js"></script>
<script>
$(document).ready(function(){
  $("button").click(function(){
    $("p").hide();
  });

//https://api.dailymotion.com/video/xxt41x_glenn-gould-little-prelude-in-c-minor-bwv-934_music?fields=ratings_total,country,comments_total,created_time,description,geoloc,isrc,upc,views_last_day
//https://api.dailymotion.com/videos?channel=music&country=FR&sort=visited-hour
$.getJSON("https://api.dailymotion.com/videos?channel=music&country=FR&sort=visited-hour",
function( data ) {
    console.log(data);
    var items = [];
    $.each( data, function( key, val ) {
        console.log(key);
        items.push( "<li id='" + key + "'>key = " + key + " : val = " + val + "</li>" );
        if (key=='list'){
            //items.push("List detected");
            $.each(val, function(subkey,subval){
                console.log(subkey + ":" + subval);
                items.push( "<li id='" + subkey + "'>subkey = " + subkey + " : subval = " + subval + "</li>" );               
                $.each(subval, function(subkey2, subval2){
                    console.log(subkey2 + ":" + subval2);
                    items.push( "<li id='" + subkey2 + "'>subkey2 = " + subkey2 + " : subval2 = " + subval2 + "</li>" );               
                });
            });
        }
    });
   
$( "<ul/>", {
    "class": "my-new-list",
    html: items.join( "" )
    }).appendTo( "body" );
});
 
});

</script>
</head>
<body>
<h2>This is a heading</h2>
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>
<button>Click me</button>
</body>
</html>

API Dailymotion et JQuery, petits tests, part I ?


Obtention d'informations à propos d'une oeuvre ; Channel Dailymotion = music.
Importation de JQuery depuis code.jquery.com (nécessité connexion internet).


<!DOCTYPE html>
<html>
<head>
<!--<script src="./jquery-2.1.1.js"></script>-->
<script src="http://code.jquery.com/jquery-2.1.1.min.js"></script>
<script>
$(document).ready(function(){
  $("button").click(function(){
    $("p").hide();
  });

//https://api.dailymotion.com/video/xxt41x_glenn-gould-little-prelude-in-c-minor-bwv-934_music?fields=ratings_total,country,comments_total,created_time,description,geoloc,isrc,upc,views_last_day
//https://api.dailymotion.com/videos?channel=music&country=FR&sort=visited-hour
$.getJSON("https://api.dailymotion.com/video/xxt41x_glenn-gould-little-prelude-in-c-minor-bwv-934_music?fields=ratings_total,country,comments_total,created_time,description,geoloc,isrc,upc,views_last_day",
function( data ) {
    console.log(data);
    var items = [];
    $.each( data, function( key, val ) {
        console.log(key);
        items.push( "<li id='" + key + "'>" + key + " : [" + val + "]</li>" );
    });
   
$( "<ul/>", {
    "class": "my-new-list",
    html: items.join( "" )
    }).appendTo( "body" );
});
 
});
</script>
</head>
<body>
<h2>This is a heading</h2>
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>
<button>Click me</button>
</body>
</html>

samedi 12 juillet 2014

API Dailymotion et découverte de vidéos intéressantes

En jouant avec l'API Dailymotion j'ai émis une requête pour avoir la liste des vidéos qui ont les meilleurs taux de progression, filtrés par vidéos musicales. Voici la requête

https://api.dailymotion.com/videos?fields=country,genre%2Curl%2Cviews_last_day%2Cviews_total&channel=music&personal=0&sort=trending

Au jour d'aujourd'hui, c'est à dire le 12 Juillet 2014, en 3ème position dans cette liste on a le résultat suivant :

      "country": "KR",
      "genre": null,
      "url": "http://www.dailymotion.com/video/x218dzr_tyalejaj_music",
      "views_last_day": 34665,
      "views_total": 104838

En allant sur la vidéo en question, dont l'URL est http://www.dailymotion.com/video/x218dzr_tyalejaj_music

J'ai découvert une émission coréenne appelée "Show me the money" et qui présente des rappeurs et rappeuses coréens qui ont vraiment un bon niveau pour beaucoup... Voilà, comme quoi l'API Dailymotion peut servir à trouver des vidéos intéressantes. La vidéo de l'émission "Show me the money" est une des vidéos qui ont le plus de progression en ce moment !!