Hyperbeam - Ein besserer Weg, um zusammen zu sehen Online

etwa 5000~500000

549

Höhen und Tiefen. Härten heftig

2

104.26.11.72

window.dataLayer=window.dataLayer||[];functiongt(){dataLayer.push(arguments);}gt('js',newDate());gt('config','G-7Z9TPHHQXN');Hyperbeam—EmbedVirtualComputersinyourwebsitebody{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;}select,input,textarea{-webkit-appearance:none;}[class^="load-"]{opacity:1!important;}.loader{display:none;}/*Start-Costblock*/.gist-file{ background-color:black;border:none!important;border-radius:6px!important;}.gist-data{ background:#b!important;border:solid2px#c!important;}/*Body*/.gist-datatbody{ background-color:#b;}.gist-datatable{ background:none!important;}/*LineNumbers*/.gist-datatbodytd:nth-of-type(1){color:rgba(255,255,255,0.6)!important;}/*Code*/.gist-datatbodytd:nth-of-type(2){color:#FFFFFF!important;}/*Comments*/.pl-c{color:rgb(106,153,85)!important;}/*Function*/.pl-k{color:rgb(86,156,214)!important;}.blob-wrapper{ padding:8px012px0px;margin:4px4px;}.blob-wrapper::-webkit-scrollbar{ background:#;}.blob-wrapper::-webkit-scrollbar-thumb{background-color:#;border-radius:9px;border:3pxsolidtransparent;background-clip:content-box;}.tbodytr:first-child.blob-code,tbodytr:last-child.blob-code{color:#ffffff!important;}/*FunctionName*/.pl-en,.pl-v{color:rgb(220,220,170)!important;}.pl-ent{ color:rgb(78,201,176)!important;}/*FunctionMethod*/.pl-c1{color:rgb(156,220,254)!important;}/*"'saroundStrings*/.pl-pds{color:rgb(206,145,120)!important;}/*Strings*/.pl-s{color:rgb(206,145,120)!important;}.pl-s1{ color:rgb(156,220,254)!important;}.gist-meta{ display:none;}/*End-Costblock*//*Start-Costestimator*/input[type="range"]{-webkit-appearance:none;margin-right:15px;width:100%;height:10px;background:#;border-radius:5px;}input[type="range"]::-webkit-slider-thumb{-webkit-appearance:none;height:22px;width:22px;border-radius:50%;background:#a888ff;cursor:grab;box-shadow:002px0#555;transition:background.3sease-in-out;user-select:none;}input[type="range"]::-webkit-slider-thumb:active{cursor:grabbing;}input[type=range]::-webkit-slider-runnable-track{-webkit-appearance:none;box-shadow:none;border:none;background:transparent;cursor:pointer;}.rangeDisplay{ color:#a888ff; font-weight:600; font-size:36px; margin-bottom:10px;font-family:OpenSans,sans-serif;}.rangeHeading{ color:hsla(0,0%,100%,0.8); font-size:14px;font-weight:600;margin-top:4px;font-family:OpenSans,sans-serif;}.rangeRow{ margin-top:32px; margin-bottom:32px; width:100%;}.rangeCopy{ display:flex; justify-content:space-between;}/*End-Costestimator*/.letter{display:inline-block;}.tricksword{white-space:nowrap;}LookingfortheWatchPartysite?ItwasmovedtoLookingfortheWatchPartysite?watch.hyperbeam.comFindithere→CommunitySigninUseHyperbeamProductsWatchPartyPlatformConsumerapplicationforbrowsingthewebandwatchingvideostogetheronline.VirtualComputerAPIRemotedesktop&mobileenvironmentsthatyoucanembeddirectlyinyourwebapps.DocsPricingBookaDemoEmbedVirtualComputersinyourwebappOpenanythird-partywebsiteorapplication,synchronizeaudioandvideoflawlesslyamongmultipleparticipants,andaddmulti-usercontrolwithjustafewlinesofcode.UseHyperbeamforfreeDocsBookademoWhatareVirtualComputers?Remotedesktop&mobileenvironmentsthatyoucanembeddirectlyinyourwebapps.EmbedChrome,Android,Linux,emulatorsandmore.WatchAPI demoEmbedanything.Support1to10,000activeparticipantsEmbedanythird-partywebsiteorapplicationoidwastingtimemaintainingintegrationsanddealingwithX-Frame-Optionsissues.Hyperbeamhasout-of-the-boxsupportforallwebsites.Synchronizeaudio&videoamongmultipleparticipantsSynchronizeanyembedwithoutspendingmonthsfixingobscurebugsthatcauseissuessuchasdesync.Supportsaudiocallechocancellation.Addreal-timecollaborationwithmulti-usercontrolScreenshareisinherentlysingleplayer.Instead,addseamlessmulti-usercontroltoanyembedinstantly.Nodownloadsorbrowserextensionsnecessary.getstartedStartbuildinginminutesWriteyourbackendinanylangueandhitourRESTAPI.LoadandcontrolthevirtualcomputeronthefrontendwithourNPMpacke.ServerClientWanttoseethefullexample?Checkoutourhello-worldexampleonGithub.GetstartedforfreeadditionalFeaturesFocusonbuildinginsteadofdebuggingProgrammaticcontrolProgrammaticallyopenapps,nigatetoURLs,andrunscriptstocustomizeyourUX.EchocancellationRemovingaudiocallechowhenembeddingappsisnon-trivial—sowediditforyou.WebGLsupportEmbedWebGLappswithourcustom-builtserversmadeforGPU-intensiveworkloads.SessionsestatesSeyouruser’ssessionssotheydonx27;tneedtore-authenticateoropentheirappsain.AccesscontrolSpecifyexactlywhocancontrolthevirtualcomputerandwhen.KioskmodeHidepartsoftheUItogivethelookandfeelofanativeapp.Rawaudio & videodataSeamlesslyrenderHyperbeamx27;svirtualcomputersinyour2Dor3Dvirtualworld.InternationalserversWorldwideserverlocationsthatareoptimizedtoprovideminimallatency.Mobile& touchsupportUserscantap,gesture,anddr-and-dropontheirforitemobiledevices.featuredcustomersProductsbuiltwithHyperbeamHyperbeamhasbeenagodsend.WewantedtoopenwebpesinVSCodebutkeptrunningintoCORSissues.Afterspendingtwodaystryingiframes,cors-anywhere,andwebscraping,wefinallyfoundHyperbeamandhadthefeatureworkinginlessthanfiveminutes.HanWang,Cofounder&CEOItx27;sbeenapleasuretoworkwiththeHyperbeamteamandproduct.Hyperbeamhasaclean,powerfulAPIwithincrediblesupport.Itx27;sunlockedkeywebbrowsingfeaturesforourcollaborationapp.Wex27;reexcitedtocontinueworkingwithitasitevolves!GabeBaker,VPUsingtheHyperbeamAPIhasbeenanamazingexperienceforourusers.Itwasveryeasytointegrateandhassinceworkedformonthswithouthiccupsforthousandofusers.Thestaffhasalsobeenincrediblyhelpfulandeertohelpwheneverwehadquestions.HaukurRósinkranz,Cofounder&CEOAPIpricingStartfree,thenpay-as-you-goGet10,000freeminuteseverymonth.Onlypayforwhatyouuseafterwards.Get10,000freeminuteseverymonth.Pay-as-you-goafterwards.Volumediscountsapplyautomaticallybasedonyourtotaluse.Additionaldiscountsareailableforhigh-volumecustomers.Sessionestimator2ereparticipantspersession30erelengthofsession(minutes)200SessionspermonthMonthlycostestimateHDvideoandaudioRateperadditionalparticipant-minute.Volumediscountsapplyautomatically.$0.007/min10%DiscountBaserateThatx27;ssomehighvolumeyouhethere!Wex27;rehappytodiscusscustompricingTalktothefoundersParticipant-minutes2*30*50030,0000Freeparticipant-minutes-10,000Totalparticipant-minutes30,000-10,00020,000Estimatedmonthlycost20,000*0.0070.007$1,000$1,100TryHyperbeamforfreeGet10,000freeminuteseverymonth.Nocreditcardrequired.UseHyperbeamCompanyTalktoFoundersResourcesDocumentationCustomerDashboardAPI Status©2022HyperbeamInc.AllRightsReserved./*//Findalltextwith.tricksclassandbreakeachletterintoaspanvartricksWord=document.getElementsByClassName("tricks");for(vari=0;i|\s+)([^\s150*(i+1)}).add({targets:'.slide-in',opacity:0,duration:leeAnimationDuration,easing:"easeOutExpo",delay:animationDelay});//SlideUpAnimationvarslideUp=anime.timeline({loop:false,autoplay:false,});slideUp.add({targets:'.slide-up.letter',translateY:["1.1em",0],opacity:[0,1],translateZ:0,duration:750,delay:(el,i)=>50*i}).add({targets:'.slide-up',opacity:0,duration:leeAnimationDuration,easing:"easeOutExpo",delay:animationDelay});//FadeUpAnimationvarfadeUp=anime.timeline({loop:false,autoplay:false,});fadeUp.add({targets:'.fade-up.letter',translateY:[100,0],translateZ:0,opacity:[0,1],easing:"easeOutExpo",duration:fadeAnimationDuration,dHyperbeam - Ein besserer Weg, um zusammen zu sehen Onlineelay:(el,i)=>30*i,}).add({targets:'.fade-up.letter',translateY:[0,-100],opacity:[1,0],easing:"easeInExpo",duration:leeAnimationDuration,delay:(el,i)=>fadeAnimationDelay+30*i, loopComplete:function(anim){fadeUp2.play();}});varfadeUp2=anime.timeline({loop:false,autoplay:false,});fadeUp2.add({targets:'.fade-up2.letter',translateY:[100,0],translateZ:0,opacity:[0,1],easing:"easeOutExpo",duration:fadeAnimationDuration,delay:(el,i)=>30*i}).add({targets:'.fade-up2.letter',translateY:[0,-100],opacity:[1,0],easing:"easeInExpo",duration:leeAnimationDuration,delay:(el,i)=>fadeAnimationDelay+30*i, loopComplete:function(anim){fadeUp3.play();}});varfadeUp3=anime.timeline({loop:false,autoplay:false,});fadeUp3.add({targets:'.fade-up3.letter',translateY:[100,0],translateZ:0,opacity:[0,1],easing:"easeOutExpo",duration:fadeAnimationDuration,delay:(el,i)=>30*i}).add({targets:'.fade-up3.letter',translateY:[0,-100],opacity:[1,0],easing:"easeInExpo",duration:leeAnimationDuration,delay:(el,i)=>fadeAnimationDelay+30*i, loopComplete:function(anim){fadeUp.play();}});//RotateInAnimationvarrotateIn=anime.timeline({loop:false,autoplay:false,});rotateIn.add({targets:'.rotate-in.letter',translateY:["1.1em",0],translateX:["0.55em",0],translateZ:0,rotateZ:[180,0],duration:750,easing:"easeOutExpo",delay:(el,i)=>50*i}).add({targets:'.rotate-in',opacity:0,duration:leeAnimationDuration,easing:"easeOutExpo",delay:animationDelay});//PopInAnimationvarpopIn=anime.timeline({loop:false,autoplay:false,});popIn.add({targets:'.pop-in.letter',scale:[0,1],duration:1500,elasticity:600,delay:(el,i)=>45*(i+1)}).add({targets:'.pop-in',opacity:0,duration:leeAnimationDuration,easing:"easeOutExpo",delay:animationDelay});//PlayyouranimationwiththesefadeUp.play();slideUp.play();slideIn.play();rotateIn.play();popIn.play();*//*Start-Herovideopopup*/dark_overlay.onclick=()=>{api_demo_vid.pause(); dark_overlay.style.display="none";}api_demo_vid.onclick=(e)=>{ e.stopPropation()}watch_video_button.onclick=()=>{api_demo_vid.muted=falsedark_overlay.style.display="flex"api_demo_vid.play()}/*End-Herovideopopup*///Start-CostestimatorlettotalMonthlyCost=0lettotalParticipantMinutes=0letfreeMins=letsessionSize=2letsessionLength=30letnumSessions=200letmaxAppliedDiscount=0//0-1.00//Start-BusinesslogicconstbaseCostPerMin=7/1000consttalkToSalesThreshold=1000//USDconstvolDiscounts=[ { lowerBound:, discount:0.05 }, { lowerBound:, discount:0.10 }, { lowerBound:, discount:0.15 }, { lowerBound:, discount:0.25 }, { lowerBound:, discount:0.35 }, { lowerBound:, discount:0.45 },]functionupdateTotals(){ constnumMins=numSessions*sessionLength*sessionSizeconstpaidMins=Math.max(numMins-freeMins,0) letmonthlyCost=paidMins*baseCostPerMinconstnoDiscountCost=monthlyCost maxAppliedDiscount=0 for(leti=0;i=tier.lowerBound){ constupperBound=i===volDiscounts.length-1?numMins:volDiscounts[i+1].lowerBound consttierMins=Math.min(numMins,upperBound)-tier.lowerBound monthlyCost=monthlyCost-baseCostPerMin*tierMins*tier.discount maxAppliedDiscount=tier.discount continue } break }totalMinsDisplay.innerHTML=formatNum(numMins)totalMinsDisplay2.innerHTML=formatNum(numMins)freeMinsDisplay.innerHTML=formatNum(freeMins)freeMinsDisplay2.innerHTML=formatNum(freeMins)paidMinsDisplay.innerHTML=formatNum(paidMins)paidMinsDisplay2.innerHTML=formatNum(paidMins)tierBaseRate.innerHTML="$"+(baseCostPerMin*(1-maxAppliedDiscount)).toFixed(4)talkToSales.style.display= monthlyCost>=talkToSalesThreshold|| sessionSize>=25 ?"block":"none"totalCostDisplay.innerHTML=formatNum(monthlyCost)noDiscountCostHyperbeam - Ein besserer Weg, um zusammen zu sehen OnlineDisplay.innerHTML="$"+formatNum(noDiscountCost)noDiscountCostDisplay.style.display=monthlyCost0?"inline-block":"none"discountDisplayBox.innerHTML=formatNum(maxAppliedDiscount*100)+"%Discount"baseRateDisplayBox.style.display=maxAppliedDiscount>0?"none":"inline-block"constadjustedBaseRate=paidMins===0?baseCostPerMin.toFixed(4):(monthlyCost/paidMins).toFixed(4) if(adjustedBaseRate===baseCostPerMin.toFixed(4)){ adjustedBaseRateDisplay.innerHTML=""baseCostPerMinDisplay.innerHTML="$"+baseCostPerMin.toFixed(3)}else{ adjustedBaseRateDisplay.innerHTML="$"+adjustedBaseRatebaseCostPerMinDisplay.innerHTML=baseCostPerMinDisplay.innerHTML.strike()}}//End-Businesslogic//Start-Inputhandlers//Updatethecurrentslidervalue(eachtimeyoudrthesliderhandle)sessionSizeSlider.oninput=function(){ sessionSize=parseInt(this.value);sessionSizeDisplay.innerHTML=sessionSize===25?sessionSize+"+":sessionSize;sessionSizeDisplay2.innerHHyperbeam - Ein besserer Weg, um zusammen zu sehen OnlineTML=formatNum(sessionSize); updateTotals();}//Updatethecurrentslidervalue(eachtimeyoudrthesliderhandle)sessionLengthSlider.oninput=function(){sessionLength=parseInt(this.value);sessionLengthDisplay.innerHTML=sessionLength;sessionLengthDisplay2.innerHTML=formatNum(sessionLength); updateTotals();}//Updatethecurrentslidervalue(eachtimeyoudrthesliderhandle)numSessionsSlider.oninput=function(){numSessions=parseInt(this.value);numSessionsDisplay.innerHTML=numSessions;numSessionsDisplay2.innerHTML=formatNum(numSessions); updateTotals();}//End-Inputhandlers//Start-UtilityfunctionsfunctionformatNum(num,numDecimals=0){ return(num).toFixed(numDecimals).replace(/(\d)(?=(\d{3})+(?:\.\d+)?$)/g,"$1,");//12,345}//End-UtilityfunctionssessionSizeDisplay.innerHTML=sessionSizeSlider.value;sessionLengthDisplay.innerHTML=sessionLengthSlider.value;numSessionsDisplay.innerHTML=numSessionsSlider.value;baseCostPerMinDisplay.innerHTML="$"+baseCostPerMin.toFixed(3)numSessionsDisplay2.innerHTML=formatNum(numSessions);updateTotals()//End-CostestimatorembedAnythingVid.playbackRate=0.75