Key Music, YouTube comes the music for a fee
Part of the challenge to the streaming of Spotify and iTunes downloads. It is a historic step for the giant video on the Web: fewer platform clips created by users, and more and more means of distributing content
12/11/2014
YouTube change the face: with the launch of Music Key is a bit ‘less video platform made by users, and a little’ more means of content delivery. The confrontation is with Spotify and the music streaming services, because YouTube will be available shortly million songs videos without ads, but for a fee. And if the video is not there, you can listen to music only.
Music Key is active in beta, that is, at the invitation of tests, starting from November 17 in seven countries (Italy, Great Britain, Finland, Ireland, Spain, USA, Portugal). For the first six months will be free and will cost € 7.99, and € 9.99, a price in line with that of competitors such as Spotify (but it is audio only). Music Key will see millions of music videos without commercials; to listen to music on smartphones and tablets, including the background, ie with playback continues even when you exit the app; you can then download the songs and play them even without an Internet connection. The service will also give you unlimited access to Google Play Music, which includes more than 30 million songs in audio only.
Just a few days ago the Wall Street Journal explained that Susan Wojcicki – the manager who took over the reins of YouTube earlier this year – was considering new ways to increase revenues and profits of the platform acquired by Google in 2006 to $ 1.65 billion and has long passed the milestone of one billion subscribers. After the music, the service fee could be extended to other areas such as cinema or TV shows.
Hold Music Key, now comes a redesign of YouTube, both on site and the app (on Android first, then iOS version): With a new tab dedicated to the music section where you You can create playlists, interact with the artists, find fact sheets on the singers, their complete discography, remixes and covers of users, m also listen to music in high quality. The new YouTube may also represent a new source of income for the artists, as well as on advertising rates, may also rely on receipts from subscriptions.
“Thanks to your videos, your remixes, your cover and not only we have become the largest music service in the world,” the company said in an official post. And the record companies have the ability to monetize the work done by the fans: YouTube makes it available to them the Content ID system, which recognizes the songs in various video and gives copyright holders the ability to demand the removal of the music or to cash a minimum amount for each click. All while revenues are shifting more and more on digital and on-stream, with Apple’s iTunes for the first time in its history report a drop in sales and business, a sign that the decline in downloads is hitting even the biggest music store the world.
Printing with you anywhere, anytime
AFP
12/11/2014
Reuters
12/11/2014
“); // ———————- —————————- // // Move to column 2 related articles // // ——- ——————————————- $ j (“# ad_frame1″ ) .after (“
” + $ j (“# col1ContainerArtCorr”). html () + “
“); // —————– ——————————— // // Hide the box if there are no related articles and multimedia // // ———————————————— – if ($ j (“# containerMMCorr .ls-boxUltimoArticolo”). size () == 0) {$ j (“# containerMMCorr”). css (“display”, “none”);} if ($ j (“#containerArtCorr .ls-boxUltimoArticolo”). size () == 0) {$ j (“# containerArtCorr”). css (“display”, “none”);} // ——– —————————————— // // Handle the last box items at the beginning // // ——————————————- ——- $ j (“. ls-new-leaf-.ls boxUltimiArticoli-top-.ls boxcontent-body ‘). height (60); boxManual = true; boxOpened = false; var topBannerHeight; var topUltimiArticoliHeight; var topTotalTopHeight; // // ———————————————- —- // // // // Display Expert System ———————————- —————- if ($ j (“. articoloTesto ls”). height () & gt; 550) {$ j (“. ls articoloImmagini-Spacer”). css (“height”, $ j (“. ls-images-item”). height () + 120); $ J (“. Ls-images-item”). Css (“display”, “inline”); } If ($ j (‘. Ls articoloES-Links’). Height () == 0) {$ j (‘. Ls articoloES-Links’). Css (‘display’, ‘none’); } // ———————————————– — // // // // Initialize page load ———————————— ————– $ j (document) .ready (function () {// // Initialize the top topbannerSectionHeight // var j = $ (‘. ls topBannerSection’). height (); // // Initialize the arrow Recent Articles // $ j (‘. arrow_up_big’). css (“display”, “none”); $ j (‘. arrow_down_big’). css (“display”, ” block “); // // Initialize edges Recent Articles rightBoxUltimiArticoli // var j = $ (‘# containerLista #boxUltimoArticolo’). last (); rightBoxUltimiArticoli.addClass (‘BorderRight’); // // // Initialize related articles maxAltezzaBox var = 730; var hContainerArt = $ j (“# containerArtCorr .ls-boxcontent-body-view”). height (); var hViewArt j = $ (“# containerArtCorr .ls-boxcontent .ls-box-related articles .ls-boxcontent-body “) .height (); var height = Math.max (hContainerArt, hViewArt); Math.min height = (height, maxAltezzaBox); $ J (‘# containerArtCorr .ls-boxcontent .ls-box-related items .ls-boxcontent-body’). Height (height); $ J (“# containerArtCorr #articoliCorrScrollUp”). Attr (‘src’, ‘/ common / img / arrow_up_disabled.png’); $ J (“# containerArtCorr #articoliCorrScrollUp”). RemoveClass (‘. Active’); // // I hide the arrows to scroll if there are fewer than 3 items // if ($ j (“# containerArtCorr .ls-boxUltimoArticolo”). Size () 74) {$ j (node) .text (titolo.substring (0, 74) + ‘…’); }}); // // Add the div for the management of the scroll // $ j (‘. Ls topBannerSection’). After (”); $ J (‘# afterTopBanner’). Height (topBannerHeight); $ J (‘# getFixed’). After (”); $ J (‘# afterUltimiArticoli’). Height (topTotalTopHeight); afterUltimiArticoliTop var j = $ (‘# afterUltimiArticoli’). position (). top; // // Managing box in column 2 // var height = ($ j (‘. Ls articoloTesto’). Height () + $ j (‘. Ls articoloTesto’). Position (). Top) – $ j (‘# containerMMCorr’). height () – $ j (‘# containerArtCorr’). height () – $ j (‘. ls-column2′). offset (). top; $ J (‘# containerMMCorr’). After (”);
//
$ J (window) .scroll (function (event) {
var y = $ j (this) .scrollTop ();
if (device.tablet () || device.mobile ()) {
return;
}
//
// Handle the top header
//
if (y & gt; 0) {
if ($ j (window) .scrollTop () & gt; = $ j (‘# page_header’). offset (). top) {
//
// Top header fixed
//
if (event! = 1) {
= 1 case;
$ J (‘. Ls topBannerSection’). AddClass (‘fixed’);
$ J (‘. Ls topBannerSection’). AddClass (‘fixedTopHeader’);
$ J (‘# afterTopBanner’). Css (‘display’, ‘block’);
topBannerHeight j = $ (‘. ls topBannerSection’). height () + $ j (‘. ls boxUltimiArticoliLista’). height ();
// Console.log (‘Case:’ + event);
}
if ($ j (window) .scrollTop () ($ j (‘# getFixed’). offset (). top – $ j (‘. ls topBannerSection’). height ())) {
//
// Handle of the box past Articles
//
if (event! = 3) {
case = 3;
$ J (‘# afterUltimiArticoli’). Css (‘display’, ‘block’);
$ J (‘# getFixed’). AddClass (‘fixed’);
$ J (‘# getFixed’). AddClass (‘fixedTopArticoli’);
$ J (‘. FixedTopArticoli’). Css (‘top’, topbannerSectionHeight + ‘px’);
afterUltimiArticoliTop j = $ (‘# getFixed’). offset (). top + $ j (‘# getFixed’). height () – $ j (‘. ls topBannerSection’). height ();
// Console.log (‘Case:’ + event);
}
} Else {
}
//
// Manager related items in column 2
//
if ($ j (window) .scrollTop () & gt; $ j (‘. ls articoloTesto’). height ()) {
if ($ j (“# containerArtCorr”). css (‘top’) == ’0px’) {
if ($ j (“# containerArtCorr”). css (‘display’) == ‘block’) {
postop var j = $ (‘# ad_frame2′). offset (). top – $ j (‘. ls-column2′). offset (). top + 250;
var = posBottom postop + $ j (“# containerArtCorr”). height ();
if ($ j (‘# ed_Related_Box’). offset (). top & gt; posBottom) {
$ J (“# containerArtCorr”). Css (‘display’, ‘none’);
$ J (“# containerArtCorr”). Css (‘position’, ‘relative’);
$ J (“# containerArtCorr”). Css (‘top’, postop + ‘px’);
$ J (“. Ls-column2″). Height ($ j (‘. Ls-column1′). Height ());
$ J (“# containerArtCorr”). FadeIn (600);
}
}
}
} Else {
$ J (“# containerArtCorr”). Css (‘top’, ’0px’);
}
} Else {
if (event! = 4) {
case = 4;
$ J (‘# afterTopBanner’). Css (‘display’, ‘none’);
$ J (‘# afterUltimiArticoli’). Css (‘display’, ‘none’);
$ J (‘. Ls colonneArticolo’). Css (‘position’, ‘static’);
$ J (‘. Ls colonneArticolo’). Css (‘top’, ’0px’);
$ J (‘. Ls topBannerSection’). RemoveClass (‘fixed’);
$ J (‘. Ls topBannerSection’). RemoveClass (‘fixedTopHeader’);
$ J (‘. Ls spinster’). Css (‘position’, ‘static’);
$ J (‘. Ls spinster’). Css (‘top’, ’0px’);
$ J (‘# getFixed’). RemoveClass (‘fixed’);
$ J (‘# getFixed’). RemoveClass (‘fixedTopArticoli’);
// Console.log (‘Case:’ + event);
}
}
});
});
// ———————————————— -
//
// Handle of the box past Articles at opening
//
// ———————————————— -
// Store the open / closed box to avoid
// Handle the same event in the scroll
boxOpened var = false;
// Store if the box has been closed or apreto
// Manually to not change the state
// Automatically during the scroll
boxManual var = false;
$ J (‘. Arrow_down_big’). Click (function () {
// I open the box
boxManual = true;
ultimiArticoliBox (‘open’);
});
$ J (‘. Arrow_up_big’). Click (function () {
// I close the box
boxManual = true;
ultimiArticoliBox (‘close’);
});
ultimiArticoliBox function (action) {
speed1 var = 300;
speed2 var = 500;
if ((action == ‘open’) & amp; & amp; (boxOpened == false)) {
var cssProp;
$ J (‘. Arrow_up_big’). Css (“display”, “block”);
$ J (‘. Arrow_down_big’). Css (“display”, “none”);
cssProp = {height: ’170px’};
$ J (“. Ls-new-leaf-.ls boxUltimiArticoli-top-.ls boxcontent-body ‘). Animate (cssProp, speed2);
cssProp = {top: ’0px’};
$ J (‘# getFixed #boxUltimoArticolo .ls-boxUltimoArticolo-info’). Animate (cssProp, speed2);
$ J (‘# getFixed #boxUltimoArticolo .imgUltimoArticolo’). Animate (cssProp, speed2);
cssProp = {height: ’169px’};
$ J (“. Ls-new-leaf-.ls boxUltimiArticoli-top-.ls boxUltimiArticoliLista”). Animate (cssProp, speed2,
function ()
{
var height = $ j (‘# getFixed’). height ()
cssProp = {height: + height + ‘px’};
$ J (‘# afterUltimiArticoli’). Animate (cssProp, speed1);
}
);
boxOpened = true;
}
if ((action == ‘close’) & amp; & amp; (boxOpened == true)) {
var cssProp;
$ J (‘. Arrow_up_big’). Css (“display”, “none”);
$ J (‘. Arrow_down_big’). Css (“display”, “block”);
cssProp = {top: ‘-94px’};
$ J (‘# getFixed #boxUltimoArticolo .imgUltimoArticolo’). Css (‘position’, ‘relative’);
$ J (‘# getFixed #boxUltimoArticolo .imgUltimoArticolo’). Animate (cssProp, speed2);
$ J (‘# getFixed #boxUltimoArticolo .ls-boxUltimoArticolo-info’). Css (‘position’, ‘relative’);
$ J (‘# getFixed #boxUltimoArticolo .ls-boxUltimoArticolo-info’). Animate (cssProp, speed2);
cssProp = {height: ’59px’};
$ J (“. Ls-new-leaf-.ls boxUltimiArticoli-top-.ls boxUltimiArticoliLista”). Animate (cssProp, speed2);
cssProp = {height: ’60px’};
$ J (“. Ls-new-leaf-.ls boxUltimiArticoli-top-.ls boxcontent-body ‘). Animate (cssProp, speed2,
function ()
{
var height = $ j (‘# getFixed’). height ()
cssProp = {height: + height + ‘px’};
$ J (‘# afterUltimiArticoli’). Animate (cssProp, speed1);
}
);
$ J (‘# afterUltimiArticoli’). Height ($ j (‘# getFixed’). Height ());
boxOpened = false;
}
}
// ———————————————— -
//
// Management related articles
//
// ———————————————— -
var speed = 300;
var topValueArt;
var minValueArt;
// ———————————————— -
// Arrow Click to Low
// ———————————————— -
$ J (“# containerArtCorr #articoliCorrScrollDown”). Click (function () {
topValueArt = parseInt ($ j (“# containerArtCorr .ls-boxcontent .ls-box-related items .ls-.ls-boxcontent boxcontent-body-body-view”). css (“top”));
minValueArt = 0 – $ j (“# containerArtCorr .ls-boxcontent-body-view”). height () + 584;
cssProp var = {top: + minValueArt + ‘px’};
if ($ j (“# containerArtCorr #articoliCorrScrollDown”). hasClass (‘. active’) == false)
return;
$ J (“# containerArtCorr .ls-boxcontent .ls-box-related items .ls-.ls-boxcontent boxcontent-body-body-view”). Animate (cssProp, speed,
function () {
$ J (“# containerArtCorr #articoliCorrScrollDown”). Attr (‘src’, ‘/ common / img / arrow_down_disabled.png’);
$ J (“# containerArtCorr #articoliCorrScrollDown”). RemoveClass (‘. Active’);
$ J (“# containerArtCorr #articoliCorrScrollUp”). Attr (‘src’, ‘/ form / new-leaf / img / arrow_up.png’);
$ J (“# containerArtCorr #articoliCorrScrollUp”). AddClass (‘. Active’);
TopValue = parseInt ($ j (“# containerArtCorr .ls-boxcontent-body-view”). css (“top”));
if (TopValue
No comments:
Post a Comment