live video on Messenger, Facebook presents Instant video
the new feature introduced in the app allows you to share live video between participants in a conversation
Thanks to the spread of smartphones, almost everyone has a camera and Internet connection in your pocket and video sharing is now easy and frequent like the photos. Although the video is half still relatively new and, until recently, reserved for special occasions, such as to celebrate ‘in person”s birthday of someone who is far away, Facebook now aiming to enrich the conversations with the ability to see each other face to face in real time.
Instant Video is a new service offered by social networks, perfect if you want to seek the advice of a friend on a pair of shoes you want to buy, decide together what flavors of ice cream to put in the tray to take home or to see the reaction of someone on the spiritual message that you just sent.
HOW
First you need to make sure that people with whom you want to communicate have installed the latest version of ‘ Messenger app for iOS or Android. Then, once you open a conversation, just tap the video icon at the top right to start sharing live images. By default, the audio is muted because sometimes you just see something, even without hearing, but the sound can be easily switched.
At this point, the video will float on top of the conversation screen active, so you can keep both the textual flow is watching the film simultaneously.
Did you enjoy this article?
Subscribe to the newsletter LaStampa
home
home
foreign
ANSA
09/03/2016
ANSA
09/02/2016
ANSA
09/03/2016
09/02/2016
marco fat will Iacomussi
“);} else if ($ j (” # col1ContainerExpertCorr .LS-boxUltimoArticolo “). size () & gt; 0) j {$ (” # frame1PlaceHolder “). after (”
“+ $ j ( “# col1ContainerExpertCorr”). html () + “
“);}} // —————————- ———————- // // Hide the boxes if there are no related articles and multimedia // // ——— —————————————– if ($ j ( “# containerArtCorr. ls-boxUltimoArticolo “). size () == 0) {$ j (” # containerArtCorr “). css (” display “,” none “);} if ($ j (” # containerExpertCorr .LS-boxUltimoArticolo “). size () == 0) {$ j ( “# containerExpertCorr”). css ( “display”, “none”);} // ——————- ——————————- // // box Managing latest articles in the opening // // —- ———————————————- $ 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 ( “.. ls-articoloTesto”) height () & gt; 550) {$ j (. “ls-articoloImmagini-Spacer”). css ( “height”, $ j (ls-image-article “). height.” () + 120); $ J ( “.. Ls-image-article”) css ( “display”, “inline”); } If ($ j ( ‘. Ls-articoloES-Links’). Height () == 0) {$ j ( ‘. Ls-articoloES-Links’). Css ( ‘display’, ‘none’); } // ———————————————– — // // // // loading Initialization page ———————————— ————– $ j (document) .ready (function () {// articles Premium in Expert System box should not have blue title j $ ( “# containerExpertCorr .LS -box-title .LS-scream-titoloLink “). removeClass (” title_premium_true “); // video adaptation for mobile if (device.mobile ()) {$ j ( ‘. ls-articoloScript iframe’). width (j $ (window) .width ()); $ j ( ‘. ls-articoloScript iframe’). height (j $ (window) .width () * 9/16);} // // Initialize the top by removing 4px padding-top box to align the blue thread in the top topbannerSectionHeight // var j = $ ( ‘. ls-topBannerSection’). outerHeight (true) – 4; // // Initialization of the arrows Last Articles // $ j ( ‘.arrow_up_big’). css ( “display”, “none”); $ j ( ‘. arrow_down_big’). css ( “display”, “block”); // // Initialization edges Last Articles // var rightBoxUltimiArticoli j = $ ( ‘# containerLista #boxUltimoArticolo’). last (); rightBoxUltimiArticoli.addClass ( ‘BorderRight’); // // // Initialization related articles maxAltezzaBox var = 730; hContainerArt var j = $ ( “# containerArtCorr .LS-boxcontent-body-view”). height (); hViewArt var j = $ ( “# containerArtCorr .LS-boxcontent .LS-box-items-related .LS-boxcontent-body”) .height (); var height = Math.min (hContainerArt, hViewArt); height = Math.min (height, maxAltezzaBox); $ J ( ‘# containerArtCorr .LS-boxcontent .LS-box-items-related .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 less than 3 articles // if ($ j ( “# containerArtCorr .LS-boxUltimoArticolo”). Size () 60) {$ j (node) .text (titolo.substring (0, 60) + ‘…’); }}); // // 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; // // Management of the 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 (($ j (window) .scrollTop () & gt; $ j ( ‘. ls-articoloTesto’). height ()) & amp; & amp; ($ j (window) .scrollTop () & gt; 800)) {
if ($ j ( “# sh_socialized_bottom”). css ( ‘display’) == ‘none’) {
$ J ( “# sh_socialized_bottom”). Css ( ‘display’, ‘block’);
$ J ( “# sh_socialized_bottom”). Html ($ j ( “# sh_socialized”). Html ());
}
} Else {
$ J ( “# sh_socialized_bottom”). Css ( ‘display’, ‘none’);
$ J ( “# sh_socialized_bottom”). Html ( ”);
}
if (device.tablet () device.mobile || ()) {
return;
}
//
// Management of the top header
//
if (y & gt; 0) {
if ($ j (window) .scrollTop () & gt; j = $ ( ‘# page_header’). offset (). top) {
//
// Top header fixed
//
if (if! = 1) {
case = 1;
$ 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:’ + case);
}
if ($ j (window) .scrollTop () (j $ ( ‘# getFixed’). offset (). top – $ j ( ‘. ls-topBannerSection’). height ())) {
//
// Box Managing latest articles
//
if (if! = 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:’ + case);
}
} Else {
}
//
// Management of 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’, ‘about’);
$ 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 (if! = 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:’ + case);
}
}
});
});
// ———————————————— -
//
// Box Managing latest articles in the opening
//
// ———————————————— -
// Stores the open / closed state of the box to avoid
// Handle the same event in the scroll
boxOpened var = false;
Store // if the box was New hotel opened or closed
// 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) {
var speed1 = 300;
var speed2 = 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: ’180px’};
$ J ( “. Ls-new-leaf .LS-boxUltimiArticoli-top .LS-boxcontent-body ‘). Animate (cssProp, speed2);
cssProp = {top: ’20px’};
// J $ ( ‘# getFixed #boxUltimoArticolo .LS-boxUltimoArticolo-info’). Animate (cssProp, speed2);
$ J ( ‘# getFixed #boxUltimoArticolo .LS-box-text’). Animate (cssProp, speed2);
cssProp = {top: ’0px’};
// J $ ( ‘# getFixed #boxUltimoArticolo .imgUltimoArticolo’). Animate (cssProp, speed2);
$ J ( ‘# getFixed #boxUltimoArticolo .LS-box-image’). Animate (cssProp, speed2);
cssProp = {height: ’179px’};
$ 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: ‘-130px’};
// J $ ( ‘# getFixed #boxUltimoArticolo .imgUltimoArticolo’). Css ( ‘position’, ‘about’);
// J $ ( ‘# getFixed #boxUltimoArticolo .imgUltimoArticolo’). Animate (cssProp, speed2);
$ J ( ‘# getFixed #boxUltimoArticolo .LS-box-image’). Css ( ‘position’, ‘about’);
$ J ( ‘# getFixed #boxUltimoArticolo .LS-box-image’). Animate (cssProp, speed2);
cssProp = {top: ‘-100px’};
// J $ ( ‘# getFixed #boxUltimoArticolo .LS-boxUltimoArticolo-info’). Css ( ‘position’, ‘about’);
// J $ ( ‘# getFixed #boxUltimoArticolo .LS-boxUltimoArticolo-info’). Animate (cssProp, speed2);
$ J ( ‘# getFixed #boxUltimoArticolo .LS-box-text’). Css ( ‘position’, ‘about’);
$ J ( ‘# getFixed #boxUltimoArticolo .LS-box-text’). 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 valueArt = 0;
var topValueArt = 0;
var minValueArt = 0;
numArticoli var j = $ ( “# containerArtCorr .LS-boxcontent-body-view .LS-boxUltimoArticolo”). length;
currArticolo var = 1;
// ———————————————— -
// Click Arrow pointing down
//
// ———————————————— -
$ J ( “# containerArtCorr #articoliCorrScrollDown”). Click (function () {
valueArt = valueArt – $ j (j $ ( “# containerArtCorr .LS-boxUltimoArticolo”). get (currArticolo – 1)). outerHeight ();
cssProp var = {top: + valueArt + ‘px’};
if ($ j ( “# containerArtCorr #articoliCorrScrollDown”). hasClass ( ‘. active’) == false)
return;
currArticolo ++;
$ J ( “# containerArtCorr .LS-boxcontent .LS-box-items-related .LS-boxcontent-body .LS-boxcontent-body-view”). Animate (cssProp, speed,
function () {
$ J ( “# containerArtCorr #articoliCorrScrollUp”). Attr ( ‘src’, ‘/ module / new-leaf / img / arrow_up.png’);
$ J ( “# containerArtCorr #articoliCorrScrollUp”). AddClass ( ‘. Active’);
heightContainer var j = $ ( “# containerArtCorr .LS-boxcontent .LS-box-items-related .LS-boxcontent-body .LS-boxcontent-body-view”). height ();
if (currArticolo & gt; (numArticoli – 1)) {
$ J ( “# containerArtCorr #articoliCorrScrollDown”). Attr ( ‘src’, ‘/ common / img / arrow_down_disabled.png’);
$ J ( “# containerArtCorr #articoliCorrScrollDown”). RemoveClass ( ‘. Active’);
} Else {
$ J ( “# containerArtCorr #articoliCorrScrollDown”). Attr ( ‘src’, ‘/ common / img / arrow_down.png’);
$ J ( “# containerArtCorr #articoliCorrScrollDown”). AddClass ( ‘. Active’);
}
}
);
});
// ———————————————— -
// Upwards Arrow Click
//
// ———————————————— -
$ J ( “# containerArtCorr #articoliCorrScrollUp”). Click (function () {
valueArt = valueArt + $ j (j $ ( “# containerArtCorr .LS-boxUltimoArticolo”). get (currArticolo – 2)). outerHeight ();
cssProp var = {top: + valueArt + ‘px’};
if ($ j ( “# containerArtCorr #articoliCorrScrollUp”). hasClass ( ‘. active’) == false)
return;
currArticolo–;
No comments:
Post a Comment