Fermé

Angular.js Module for Youku

Hi there,

We need you to create a two column angular.js application for us that will display a YouKu video player in the first column, and a list of youku video titles in the right column. When a Youku video title is clicked, the Youku video should load in the Youku player.

Ideally, we would like the Youku player to be an HTML5 player, however, if this is not possible, you can display the Youku flash player.

The video player should be created by use as a custom angular.js directive, and should give us access to the Youku Player API.

If you don't know already, Youku is the Chinese version of Youtube.

Once created, your custome angular directive should look like:

<youku videoid="someyoukuvideoid"></youku>

Please look at:

[url removed, login to view]

To see the Youku api in more detail.

Below is the sample javascript for youku

<div id="youkuplayer" style="width:480px;height:400px"></div>

<script type="text/javascript" src="[url removed, login to view]">

player = new [url removed, login to view]('youkuplayer',{

styleid: '0',

client_id: 'YOUR YOUKUOPENAPI CLIENT_ID',

vid: 'Replace the Youku Video ID',

events:{

onPlayerReady: function(){ /*your code*/ },

onPlayStart: function(){ /*your code*/ },

onPlayEnd: function(){ /*your code*/ }

}

});

function playVideo(){

[url removed, login to view]();

}

function pauseVideo(){

[url removed, login to view]();

}

function seekTo(s){

[url removed, login to view](s);

}

function currentTime(){

return [url removed, login to view]();

}

</script>

Compétences : Angular.js, Javascript, Architecture Logicielle

en voir plus : youtube html5, youku com, html5 tools, angular 1, in an html5 player, application for architecture, angular, Angular js , Angular c#, html5 video load, youtube html5 player, html5 javascript api, replace html5, application module api, html5 angular, flash html5 text, angular html5, player html5 javascript flash, Angular javascript, youtube player api javascript

Concernant l'employeur :
( 18 commentaires ) Vnacouver, Philippines

Nº du projet : #6375093