Buy at Latest Offer Galaxy Buds Pro (Black) online | Samsung SG (2024)

Galaxy Buds Pro

• Get $50 Off Galaxy Buds Pro and a Free Duo Wireless Charger*. While stocks last. T&Cs apply.
  *Not applicable for free Galaxy Buds Pro.
• Active Noise Cancellation (ANC) with level controls for immersive audio experience
• Experience studio quality sound from powerful 2-way speakers with sound by AKG
• Immerse in theater-like, multi-channel cinematic sound surrounding you with 360 Audio*
• Enjoy noise-free calls with advanced 3-mic system
• LEARN MORE

Galaxy Z Flip

• Foldable Design & Ultra-Thin Glass
• Tripod-less Night Camera
• Single Take
• Hideaway Hinge
• Hands-free camera for selfies and vlogging
• Quick Selfie
• Hands-free communication
• LEARN MORE

Galaxy Z Fold2

• 7.6-inch Tablet-like Display
• Next-level Multitasking
• Flex mode Camera
• Full-viewing Cover Screen
• Flex mode Viewing
• Dual Preview
• LEARN MORE

Galaxy S21 5G | S21+ 5G | S21 ULTRA 5G

• Contour Cut Camera Design
• Space Zoom
• The fastest chip ever in Galaxy
• Super Smooth 120Hz
• High Resolution
• 8K Video
• Intelligent Battery
• Dynamic AMOLED 2X
• LEARN MORE

Galaxy S21 5G | S21+ 5G | S21 ULTRA 5G

• Contour Cut Camera Design
• Space Zoom
• The fastest chip ever in Galaxy
• Super Smooth 120Hz
• High Resolution
• 8K Video
• Intelligent Battery
• Dynamic AMOLED 2X
• LEARN MORE

Galaxy Watch Active 2

• Your wellness companion equipped with Built-in Blood Pressure & ECG Monitor
• Lifestyle assistant with Bixby, and Fall detection feature
• Sleek and lightweight Design
• LEARN MORE

Galaxy Watch 3

• Premium, timeless watch design
• (New) Built-in Blood Pressure ECG Monitor and Fall Detector
• Fitness tracker with workout tracking analysis, post run feedback and step counter
• LEARN MORE

Galaxy Note 20

• Design, 120Hz Display
• Link to Windows
• Pro-grade video
• HyperFast Processor
• S Pen & Samsung Notes
• Sync to Microsoft OneNote
• HyperFast 5G
• LEARN MORE

Galaxy Tab S7 | S7+

• The most advanced display on a tablet
• 120HZ refresh rate
• Cinematic Experience
• Hyperfast Processor and 5G
• Intelligent battery to stay powered
• The biggest leap in S Pen
• Seamless connection between tablet and smartphone
• The most versatile keyboard for work and play
• Ultra-wide camera
• LEARN MORE

Galaxy Buds Live

• Get a free Duo Wireless Charger worth $98. While stocks last. T&Cs apply
• Ergonomic design and fit
• Open type Active Noise Cancellation
• Rich, immersive sound quality
• LEARN MORE

Galaxy SmartTag

• Find the important things in your area*
• Locate your things from far away**
• One-click convenience for your smart home***
• Convenience comes in pairs
• * Key feature may different from Key Spec
  * Image of two Galaxy S21 Ultra 5G phones with the Smart LED View Cover and one Galaxy S21+ 5G phone with the Smart LED Cover simulated for illustration purposes.
  * SmartTags have a Bluetooth range of 120m. Actual performance may vary depending on the environment where they are used.
  * Images are simulated and for illustrative purposes only.
  * Galaxy SmartTags have a Bluetooth range of up to 120m without obstacles. Actual performance may vary depending on the environment where they are used
  ** This feature is only available with Galaxy devices
  *** IoT devices need to be registered within the SmartThings app for feature to function.
• LEARN MORE

HOW TO SWITCH

Switch to Samsung is easy with Smart Switch

Step 1: Connect

Connect your new Galaxy phone to your old device with a cable.

To transfer data, confirm your new Galaxy as a trusted device. When the "Trust This Computer?" alert appears on your iPhone or iPad, tap "Trust".

Step 2: Connect

Choose the data you want to bring over from your old device and then tap "Import".

Step 3: Import

Start the import and let Smart Switch do the work for you. Your Galaxy will be ready to go in no time.

Step 4 : Transfer more

Leave something behind? Tap “Get your iCloud data” and then sign into your iCloud account. Choose the content you want to transfer and tap “Import”.

See Also

Best wireless earbuds 2023: budget and premiumDIZO Buds P Review — Ultralight TWS EarbudsWireless Headphones and Earbuds | JBL Singapore10 Best Value Wireless Earbuds In Singapore That'll Stay Snug Even During Intense Workouts

You can also get Android apps that match your iOS apps.

Introducing
Galaxy
Buds Pro

These are true wireless earbuds, with pro-grade technology for immersive sound like never before. While Intelligent ANC lets you seamlessly switch between noise canceling and fully adjustable ambient sound. So let the outside in — or keep it out. It’s your world. The Galaxy Buds Pro lets you hear the best of it.

Nine Galaxy Buds Pro charging cases, all in a 3x3 grid. There are 3 Phantom Black, 3 Phantom Violet, and 3 Phantom Silver. Each case opens one at a time to show the earbuds inside the case. It zooms in on the Phantom Violet case in the middle of the grid and it spins around as it zooms in until it disappears.

INTELLIGENT ANC

Tunes out noises,
tunes in voices

INTELLIGENT ANC

Noise-cancellation you can control

Active Noise-Cancellation on Galaxy Buds Pro filters out up to 99% of background noise. Microphones on the inside and outside monitor noise in real time. Choose the ANC level to dial the world up or down with an intelligent algorithm that cancels out the noise: turn it to High on a noisy bus, or use Low in a quiet library — no need to change the volume.^{1, 2}

*Galaxy Buds Pro are compatible with smartphones and tablets running Android 7.0 or later and with more than 1.5GB of RAM.

Active Noise-Cancellation (ANC) on Galaxy Buds Pro cuts external background noise by up to 99%, backed by UL Verification.

Voice Detect

instantly switches from ANC to Ambient sound when it hears your voice. Like when you're at a cafe using ANC to block outside noise, tell the barista your order and ANC automatically turns off when you speak. These intelligent buds turn down for your conversation, even if you're using Ambient Mode or have ANC turned off, by lowering the volume of your music and focusing the microphone on the person speaking to you. ^3,4

With

Ambient sound

, it means you don't have to take your earbuds out to join the conversation. You can hear voices with clarity and in real time. With an intelligent algorithm raising the volume of the environment through four levels, you don't miss out on important parts of the discussion. ⁵

PROFESSIONAL SOUND

A professional
studio in your ear

Galaxy Buds Pro earbud in Phantom Violet, split into layers to show the location of the speakers, woofer, tweeter and air vents.

2-way speakers with bigger driver

for balanced sound and wide frequency response

• 11mm woofer for full bass
• 6.5mm tweeter with low distortion
  for silky treble, clean sound and a wide sound stage

See Also

Samsung Galaxy Buds Pro - The Official Samsung Galaxy Site

Air vent

reduces occlusion for spacious audio

Inner Mic

High SNR Mic

for picking up the user's voice clearly

Dual mic array

for superior
beamforming performance

Voice Pickup Unit

Mic mesh and chamber

for minimising wind noise

IMMERSIVE SOUND

Get lost in the studio sound

From the highest treble to the deepest bass, notes come through beautifully, thanks to custom-built 2-way speakers with sound by AKG. Galaxy Buds Pro offer the most immersive sound experience on Galaxy Buds, whether you're listening to a new album or the audiobook for your next road trip.

*Sound by AKG on Galaxy Buds Pro has been awarded the Harman certification with an excellent grade.

Take noise-free calls

that blow your mind. Quality calls for true wireless earbuds means you get less noise and a clearer voice on calls at home or out in the world. With three built-in microphones and the voice pickup unit, every word is crystal clear. The low protrusion design minimises wind contact, while the sophisticated wind shield solution blocks the sound of wind during calls.

*Results are based on Samsung internal lab testing subject to POLQA, a global standardized test for call quality.

LEARN MORE

Work from home

Set up your home office anywhere. The microphones deliver beamforming technology to pick up your voice only - so you can contribute without your coworkers hearing others in the house.

Go for a walk

Galaxy Buds Pro are specially engineered to banish the noises made by gusts of wind, so you don't need to raise your voice to be heard on calls during blustery days.

360 AUDIO

Galaxy Buds Pro place you into the center of your favorite video, movie or TV show with Dolby Atmos.

Lifelike audio that immerses
you with incredible realism

Experience 360 Audio so engaging, it shifts you into the middle of the scene. With Dolby Head Tracking™ technology, Galaxy Buds Pro place you into the center of your favourite video, movie or TV show. The intelligent motion-tracking sensor pinpoints the direction of the sound as you move your head, enabling a powerful sense of realism in your listening experience. And with content in Dolby Atmos®, hear every detail with greater clarity, and feel a deeper connection to the story.⁶

CONVENIENCE

All your worlds
in harmony

A Galaxy smartphone and Galaxy Buds Pro in Phantom Violet in their charging case. The smartphone has the Music UI onscreen. A Galaxy tablet slides into view, with a graphic wallpaper onscreen. and a Galaxy tablet. A video call is received on the tablet and the connection of the earbuds switches between the tablet and the phone instantly, to demonstrate Auto Switch. The smartphone says Ben's Galaxy Buds Pro Switched to Galaxy Tab. The tablet says Ben's Galaxy Buds Pro Connected automatically.

AUTO SWITCH

Switch it up without a hitch

Auto Switch on Galaxy Buds Pro detects what's most pressing and instantly shifts its connection to that device. So, when you're watching a movie on your tablet and you receive a call, Galaxy Buds Pro switch the audio to your phone. Then once you hang up, Galaxy Buds Pro seamlessly connects back to the tablet —flipping from device to device without you even touching a screen.^{7, 8}

BIXBY VOICE WAKE-UP

Your smart assistant,
always on standby

Chat bubbles demonstrating a conversation between the user and Bixby. The user asks How's the weather today, and Bixby replies Today It's sunny and 72° right now. Then the user says How much battery is remaining on my earbuds? and Bixby says Your earbuds are at 88%.

"How's the weather today?"

"It's sunny and 72° right now"

"How much battery is
remaining on my earbuds?"

"Your earbuds are at 88%"

When you're connected to your phone, you can speak to make things happen without touching your screen. A simple "Hi Bixby" wakes it up, and then you can give a command to make a phone call, change the music and more.^{9, 10, 11} You can even switch between Samsung devices by saying its name, and activate or turn off ANC and Ambient Mode.

*Image simulated for illustration purposes.

SMARTTHINGS FIND

Win hide and seek with your earbuds

Tracking down your lost earbuds is simple. Just open the SmartThings app. Your buds will emit a beep so you can easily find them in your room. And with Offline finding, you can find the last location they were used, even if they're no longer connected to your phone.^{12, 13, 14}

BUDS TOGETHER

Share the sound with your bud

Keep your earbuds in and let a friend tune in, too. Buds Together lets you connect two sets of Galaxy Buds Pro to your phone at the same time, so you can both listen to your BFF playlist with pro-grade sound quality.¹⁵

DESIGN

Epic sound calls for epic design

• Phantom Violet
• Phantom Silver
• Phantom Black

Three Galaxy Buds Pro, one in Phantom Black, one in Phantom Violet, and one in Phantom Silver. All are shown inside the charging case, with the lid open.

COLOUR

Glossy finishes to strike the right note

Available in three on-trend colours.¹⁶ Choose between timeless black, vibrant violet or stunning silver to brighten things up. Each earbud is polished to a high gloss while the matte interior feels soft against your skin. And don't forget that matching case.

SECURE FIT

The right fit is right here

A new take on the classic earbud shape, the design lessens discomfort when you're tuned in for hours, and stays securely in your ears while working out. And with air vents that balance the pressure in your ear and increase air flow, it's such a natural fit you may forget you're wearing them.

With three ear-tip sizes

to choose from, you can test them out to ensure that your Galaxy Buds Pro fit comfortably and securely - and with a good seal so the ANC works its best.

BATTERY

Can't stop

won't stop

BATTERY LIFE

Power to keep the beat going

Turn on ANC and the Galaxy Buds Pro gives you 5 hours of play time with 13 more with the case. That's 18 hours in total.¹⁷ When ANC is off, you get a total of 28 hours, with 8 hours of play time — and 20 more with the case.¹⁸ Whether you've got a day full of video conferences, catching up with friends or just jamming to your favourite playlist, Galaxy Buds Pro has the power to keep you connected and listening.

Charge up fast.

Five minutes gets you another hour of playtime. It's like a power nap for your buds. ¹⁹

Wireless PowerShare

gives you a boost on the go - just set Galaxy Buds Pro down on the back of your Galaxy smartphone for wireless charging. ²⁰

*Image simulated for illustration purposes.

WATER RESISTANT

IPX7.
The highest standard of water
resistance in Galaxy Buds²¹

1. ANC is on by default, and the touch and hold gesture for Active Noise-Cancellation can be configured in the Galaxy Wearable app.
2. Switching between High and Low ANC levels can be done in the Galaxy Wearable app.
3. Voice Detect uses an AI algorithm to recognise the user's voice. It may respond to vibration-induced situations such as brushing your teeth, electric toothbrush, coughing, and humming. Conversations may not be detected when only one earbud is worn.
4. When Voice Detect is turned on, it is automatically activated when ANC is on or off, as well as Ambient Mode. To return to the previous mode, tap on either earbud.
5. The touch and hold gesture for Ambient sound can be configured in the Galaxy Wearable app.
6. Available only on mobile devices running Android One UI version 3.1 or later. 360 Audio and Dolby Head Tracking™ support may vary depending on app and content.
7. Auto Switch feature only available on Galaxy smartphones and tablets with One UI 3.1 or later. Certain devices and applications may not support Auto Switch.
8. Galaxy devices must be logged in to Samsung Account to enable Auto Switch.
9. Bixby service availability may vary by country, carrier, and device.
10. Galaxy Buds Pro must be connected to a Galaxy device with a data network or Wi-Fi® connection to fully operate Bixby features; Samsung Account login also required.
11. Availability of Bixby features and content providers may vary by country or language; Bixby only recognises certain accents and dialects of English (UK), English (US), French (France), German (Germany), Italian (Italy), Korean (South Korea), Mandarin Chinese (China), Spanish (Spain) and Portuguese (Brazil).
12. The location of the lost device found with SmartThings Find is the approximate location where the lost device's signal was detected.
13. SmartThings Find application is only available on Galaxy devices with Android 8 or later.
14. Some devices in China, Japan and on the Verizon network are not supported.
15. Buds Together only supported on Galaxy devices running One UI 2.5 or later.
16. Available colours may vary by country.
17. Earbuds and case provide up to 18 hours of battery life when the case is charged to 100%. Based on internal testing. Audio playback time tested by pairing a pre-production Galaxy Buds Pro to a recently released Galaxy smartphone with default settings including ANC on. Actual battery life and charging time may vary by usage conditions, number of times charged and many other factors.
18. Earbuds and case provide up to 28 hours of battery life when the case is charged to 100%. Based on internal testing. Audio playback time tested by pairing a pre-production Galaxy Buds Pro to a recently released Galaxy smartphone with default settings except ANC and Ambient mode off. Actual battery life and charging time may vary by usage conditions, number of times charged and many other factors.
19. Play time may vary based on settings.
20. Wireless PowerShare function is available on Galaxy S21 series, Galaxy Z Fold2 5G, S20 series, Z Flip, Z Flip 5G, Note10 series, S10 series and Fold. If the smartphone's battery power is less than 30%, Wireless PowerShare may not function.
21. IPX7 is based on laboratory test conditions for submersion in up to 1 meter of fresh water for up to 30 minutes. Not advised for beach or pool use. Charging case is not water resistant. If the earbuds are damaged, they are not guaranteed to be water resistant. If the earbuds or your hands are wet, they must be dried thoroughly prior to handling or placing into the charging case. If placed into the charging case without drying, the earbuds may be damaged.

'); this.txtSection = this.txtWrap.parent(); this.contents.mobile.scrollmagic.controller = new ScrollMagic.Controller(); }, this) }, tweens : { instance : null, kill : $.proxy(function () { if (this.contents.mobile.tweens.instance == null) return; this.contents.mobile.tweens.instance.progress(1).kill(); this.obj.removeClass('show visible sc-mode--conversation sc-mode--ambient'); this.contents.mobile.tweens.instance = null }, this), build : $.proxy(function () { var step = new TimelineLite(); step.fromTo(this.txtSection, 1, { marginTop : 0 }, { marginTop : -this.txtWrap.eq(0).outerHeight(true), onStart : $.proxy(function () { this.obj.addClass('show visible sc-mode--conversation'); }, this), onReverseComplete : $.proxy(function () { // this.obj.removeClass('sc-mode--conversation'); }, this), immediateRender : false }); step.to(this.txtSection, .1, { onStart : $.proxy(function () { this.obj.addClass('show visible sc-mode--conversation'); this.obj.removeClass('sc-mode--conversation'); this.obj.addClass('sc-mode--ambient'); }, this), onReverseComplete : $.proxy(function () { this.obj.removeClass('sc-mode--ambient'); this.obj.addClass('sc-mode--conversation'); }, this), immediateRender : false }); // scrollmagic this.contents.mobile.scrollmagic.opts.offset = (util.getNavigationHeight() * -1); var scene = new ScrollMagic.Scene(this.contents.mobile.scrollmagic.opts) .setPin(this.obj.get(0)) .setTween(step) .addTo(this.contents.mobile.scrollmagic.controller); this.contents.mobile.tweens.instance = step; }, this) }, build : $.proxy(function () { this.contents.mobile.scrollmagic.build(); this.contents.mobile.tweens.build(); }, this) } } }); }, changeEvents : function (event) { var events = [], eventNames = event.split(' '); for (var key in eventNames) { events.push(eventNames[key] + this.opts.customEvent); } return events.join(' '); }, bindEvents : function (type) { if (type) { $(window).on(this.changeEvents('resize orientationchange'), $.proxy(this.resizeFunc, this)); } else { $(window).off(this.changeEvents('resize orientationchange')); } }, resizeFunc : function () { this.winWidth = util.winSize().w; if (this.opts.resizeStart == null) { this.opts.resizeStart = this.winWidth; this.resizeAnimateFunc(); } window.clearTimeout(this.resizeEndTime); this.resizeEndTime = window.setTimeout($.proxy(this.resizeEndFunc, this), 150); }, resizeEndFunc : function () { this.opts.resizeStart = null; this.setAction(); util.cancelAFrame.call(window, this.resizeRequestFrame); }, resizeAnimateFunc : function () { this.setAction(); this.resizeRequestFrame = util.requestAFrame.call(window, $.proxy(this.resizeAnimateFunc, this)); }, setAction : function () { clearTimeout(actionTimeout); actionTimeout = setTimeout($.proxy(function() { if (this.winWidth > breakPoint) { if (this.opts.sizeAttr.action !== 'OTHER') { this.opts.sizeAttr.action = 'OTHER'; this.contents.mobile.destroy(); this.contents.pc.build(); } } else { if (this.opts.sizeAttr.action !== 1024) { this.opts.sizeAttr.action = 1024; this.contents.pc.destroy(); this.contents.mobile.build(); } } }, this), 500); } }; var motion2Timeout = null; var motion2 = { opts : { stateAttr : { init : false } }, init : function () { clearTimeout(motion2Timeout); motion2Timeout = setTimeout($.proxy(function() { this.opts.stateAttr.init = true; this.setElements(); this.initLayout(); this.buildScrollMagic(); this.buildTween(); }, this), 1000); }, setElements : function () { this.objWrap = $('#professional-sound .sc-buds__feature-immersive-v2'); this.obj = this.objWrap.find('.sc-buds-sticky-wrap'); this.noiseFreeSection = this.obj.find('.sc-img-noise-free'); this.seqImgSection = this.obj.find('.sc-seq-image'); this.txtWrap = this.obj.find('.sc-article__text-wrap'); this.seqWrap = this.obj.find('.sc-seq-wrap'); this.txt1 = this.txtWrap.find('.sc-article__eyebrow-wrap'); this.txt2 = this.txtWrap.find('.sc-article__headline-wrap'); this.txt3 = this.txtWrap.find('.sc-article__desc-wrap'); this.txt4 = this.txtWrap.find('.sc-article__disclaimer-wrap'); }, initLayout : function () { this.objWrap.addClass('show visible'); this.obj.removeClass('active sc-cue1-callout sc-cue2-textinner sc-text-enter--ready sc-text-enter sc-fade-show sc-cue3-callout2 sc-cue4-xray'); this.obj.css('height', 'auto'); this.txtWrap.addClass('sc-text-enter--out'); var checkProcess = null; var checkImageLoaded = function() { if (immersiveImages.length > 0 && immersiveImages[0].complete) { immersiveContext.drawImage(immersiveImages[0], 0, 0, immersiveImageWidth, immersiveImageHeight); cancelCheck(); } else { checkProcess = window.requestAnimationFrame(checkImageLoaded); } }; var cancelCheck = function() { window.cancelAnimationFrame(checkProcess); }; checkImageLoaded(); }, buildScrollMagic : function () { util.def(this, { scrollmagic : { controller : null, opts : { triggerElement : this.obj.get(0), triggerHook : 0, duration : '300%', reverse : true, offset: (util.getNavigationHeight() * -1) }, destroy : $.proxy(function () { if (this.scrollmagic.controller == null) return; this.scrollmagic.controller.destroy(); this.obj.unwrap().css({ 'position' : '', 'margin' : '', 'inset' : '', 'box-sizing' : '', 'width' : '' }); this.scrollmagic.controller = null; }, this), build : $.proxy(function () { if (!!!this.txtWrapInner) { this.txtWrap.prepend('

'); this.txtWrapInner = $('.js__sc-article__text-section'); this.txtWrapInner.append(this.txt1); this.txtWrapInner.append(this.txt2); this.txtWrapInner.append(this.txt3); this.txtWrapInner.append(this.txt4); this.txtSection = this.txtWrap.parent(); } this.scrollmagic.controller = new ScrollMagic.Controller(); }, this) } }); if (this.scrollmagic.controller == null) this.scrollmagic.build(); }, buildTween : function () { util.def(this, { tweens : { instance : null, kill : $.proxy(function () { if (this.tweens.instance == null) return; this.tweens.instance.progress(1).kill(); this.obj.removeClass('active sc-cue1-callout sc-cue2-textinner sc-text-enter--ready sc-text-enter sc-fade-show sc-cue3-callout2 sc-cue4-xray'); this.seqImgSection.removeClass('sc-show sc-hide'); this.tweens.instance = null; }, this), build : $.proxy(function () { var step = new TimelineLite(); var seqObj = this.obj; var seqObjWrap = this.objWrap; var seqWrap = this.seqWrap; var txtObj = this.txtWrap; var txtSection = this.txtSection; var currentCue = 1; var textInner = this.txtWrapInner; var cue1Anim = null; var cue4Anim = null; var cue1ReverseAnim = null; var cue4ReverseAnim = null; var maxY = txtObj.height() - textInner.outerHeight(); step.to(seqObj, 4, { onStart: function() { var seqNum = 0; seqObj.addClass('active'); var drawSequence = function() { if (isLowNet) { seqObj.removeClass('sc-cue4-xray'); animationFnc.immersive(1); TweenLite.fromTo(immersiveCanvas, 1, {opacity:0}, {opacity: 1}); seqObj.addClass('sc-cue1-callout'); } else { if (!seqObj.hasClass('active')) seqObj.addClass('active'); seqObj.removeClass('sc-cue4-xray'); if (seqNum > immersiveImageCount) { cancelSequence(); if (currentCue == 1) seqObj.addClass('sc-cue1-callout'); } else { animationFnc.immersive(seqNum); cue1Anim = window.requestAnimationFrame(drawSequence); seqNum++; } } }; var cancelSequence = function() { window.cancelAnimationFrame(cue1Anim); }; drawSequence(); currentCue = 1; }, onUpdate: function() { currentCue = 1; if (!seqObj.hasClass('active')) seqObj.addClass('active'); seqObj.removeClass('sc-cue4-xray'); }, onReverseComplete: function() { var seqNum = immersiveImageCount; seqObj.removeClass('sc-cue1-callout sc-cue3-callout2'); var drawSequence = function() { if (isLowNet) { animationFnc.immersive(0); TweenLite.fromTo(immersiveCanvas, 1, {opacity:0}, {opacity: 1}); seqObj.removeClass('active'); seqObj.removeClass('sc-cue4-xray'); } else { if (!seqObj.hasClass('active')) seqObj.addClass('active'); if (seqNum < 0) { cancelSequence(); seqObj.removeClass('active'); seqObj.removeClass('sc-cue4-xray'); } else { animationFnc.immersive(seqNum); cue1ReverseAnim = window.requestAnimationFrame(drawSequence); seqNum--; } } }; var cancelSequence = function() { window.cancelAnimationFrame(cue1ReverseAnim); }; drawSequence(); window.cancelAnimationFrame(cue1Anim); seqObj.removeClass('sc-cue4-xray'); currentCue = 1; }, immediateRender: false }); var nums = { val: 0, valMax: maxY, compare: 0, current: null }; step.to(nums, 4, { val: nums.valMax, ease: Power0.easeNone, onStart: function() { seqObj.addClass('sc-cue2-textinner'); seqObj.removeClass('sc-cue1-callout sc-cue3-callout2'); txtObj.addClass('sc-text-enter--ready sc-text-enter sc-fade-show'); seqObj.removeClass('sc-cue4-xray'); currentCue = 2; }, onUpdate: function() { if(txtObj.height() < textInner.outerHeight()) { var updateNum = parseInt(nums.val.toFixed(0)); if (nums.current != updateNum) { textInner.css('transform', 'translateY(' + updateNum + 'px)'); nums.current = updateNum; } if (!seqObj.hasClass('active')) seqObj.addClass('active'); } else { textInner.css('transform', 'translateY(0px)'); } currentCue = 2; seqObj.removeClass('sc-cue4-xray'); }, onReverseComplete: function() { seqObj.addClass('sc-cue1-callout'); seqObj.removeClass('sc-cue2-textinner sc-cue3-callout2'); txtObj.removeClass('sc-text-enter--ready sc-text-enter sc-fade-show'); seqObj.removeClass('sc-cue4-xray'); currentCue = 2; }, immediateRender: false }); step.to(seqObj, 4, { onStart: function() { seqObj.addClass('sc-cue3-callout2'); seqObj.removeClass('sc-cue1-callout sc-cue2-textinner'); txtObj.removeClass('sc-text-enter--ready sc-text-enter sc-fade-show'); seqObj.removeClass('sc-cue4-xray'); currentCue = 3; }, onUpdate: function() { currentCue = 3; if (!seqObj.hasClass('active')) seqObj.addClass('active'); seqObj.removeClass('sc-cue4-xray'); }, onReverseComplete: function() { seqObj.addClass('sc-cue2-textinner'); seqObj.removeClass('sc-cue1-callout sc-cue3-callout2'); txtObj.addClass('sc-text-enter--ready sc-text-enter sc-fade-show'); seqObj.removeClass('sc-cue4-xray'); currentCue = 3; }, immediateRender: false }); step.to(seqObj, 4, { onStart: function() { var seqNum = immersiveImageCount; seqObj.removeClass('sc-cue3-callout2'); var drawSequence = function() { if (isLowNet) { animationFnc.immersive(0); TweenLite.fromTo(immersiveCanvas, 1, {opacity:0}, {opacity: 1}); seqObj.addClass('sc-cue4-xray'); } else { if (!seqObj.hasClass('active')) seqObj.addClass('active'); seqObj.removeClass('sc-cue3-callout2 sc-cue4-xray'); if (seqNum < 0) { cancelSequence(); if (currentCue == 4) seqObj.addClass('sc-cue4-xray'); } else { animationFnc.immersive(seqNum); cue4Anim = window.requestAnimationFrame(drawSequence); seqNum--; } } }; var cancelSequence = function() { window.cancelAnimationFrame(cue4Anim); }; drawSequence(); currentCue = 4; }, onUpdate: function() { currentCue = 4; if (!seqObj.hasClass('active')) seqObj.addClass('active'); }, onReverseComplete: function() { var seqNum = 0; seqObj.removeClass('sc-cue4-xray'); var drawSequence = function() { if (isLowNet) { animationFnc.immersive(1); TweenLite.fromTo(immersiveCanvas, 1, {opacity:0}, {opacity: 1}); seqObj.addClass('sc-cue3-callout2'); } else { if (!seqObj.hasClass('active')) seqObj.addClass('active'); if (seqNum > immersiveImageCount) { cancelSequence(); if (currentCue == 3) seqObj.addClass('sc-cue3-callout2'); seqObj.removeClass('sc-cue2-textinner'); txtObj.removeClass('sc-text-enter--ready sc-text-enter sc-fade-show'); } else { animationFnc.immersive(seqNum); cue4ReverseAnim = window.requestAnimationFrame(drawSequence); seqNum++; } } }; var cancelSequence = function() { window.cancelAnimationFrame(cue4ReverseAnim); }; if (seqObj.hasClass('active')) drawSequence(); window.cancelAnimationFrame(cue4Anim); currentCue = 4; }, immediateRender: false }); // scrollmagic var scene = new ScrollMagic.Scene(this.scrollmagic.opts) .setPin(this.obj.get(0)) .setTween(step) .addTo(this.scrollmagic.controller); this.tweens.instance = step; }, this) } }); if (this.tweens.instance == null) this.tweens.build(); }, destroy : function () { this.scrollmagic.destroy(); this.tweens.kill(); }, reInit : function() { if (!this.opts.stateAttr.init) return; this.destroy(); this.init(); } }; var motion3Timeout = null; var motion3 = { opts : { stateAttr : { init : false } }, init : function () { clearTimeout(motion3Timeout); motion3Timeout = setTimeout($.proxy(function() { this.opts.stateAttr.init = true; this.setElements(); this.initLayout(); this.buildScrollMagic(); this.buildTween(); }, this), 1000); }, setElements : function () { this.obj = $('#auto-switching .sc-buds-sticky-wrap'); this.mediaWrap = this.obj.find('.sc-article__media-wrap'); this.mediaWrapBg = this.mediaWrap.find('.sc-article__bg'); }, initLayout : function () { this.obj.css('height', 'auto'); }, buildScrollMagic : function () { util.def(this, { scrollmagic : { controller : null, opts : { triggerElement : this.obj.get(0), triggerHook : 0, duration : '100%', reverse : true, offset: (util.getNavigationHeight() * -1) }, destroy : $.proxy(function () { if (this.scrollmagic.controller == null) return; this.scrollmagic.controller.destroy(); this.obj.unwrap().css({ 'position' : '', 'margin' : '', 'inset' : '', 'box-sizing' : '', 'width' : '' }); this.scrollmagic.controller = null; }, this), build : $.proxy(function () { this.scrollmagic.controller = new ScrollMagic.Controller(); }, this) } }); if (this.scrollmagic.controller == null) this.scrollmagic.build(); }, buildTween : function () { util.def(this, { tweens : { instance : null, kill : $.proxy(function () { if (this.tweens.instance == null) return; this.tweens.instance.progress(1).kill(); this.obj.removeClass('sc-cue1 sc-cue2 sc-cue3'); this.tweens.instance = null; }, this), build : $.proxy(function () { var step = new TimelineLite(); step.to(this.obj, 2, { onStart : $.proxy(function () { this.obj.addClass('sc-cue1'); }, this), onReverseComplete : $.proxy(function () { this.obj.removeClass('sc-cue1 sc-cue2 sc-cue3'); }, this), immediateRender : false }); step.to(this.obj, 2, { onStart : $.proxy(function () { this.obj.addClass('sc-cue2'); setTimeout($.proxy(function() { this.obj.addClass('sc-cue3'); }, this), 1000); }, this), onReverseComplete : $.proxy(function () { this.obj.removeClass('sc-cue2'); this.obj.removeClass('sc-cue3'); }, this), immediateRender : false }); // scrollmagic var scene = new ScrollMagic.Scene(this.scrollmagic.opts) .setPin(this.obj.get(0)) .setTween(step) .addTo(this.scrollmagic.controller); this.tweens.instance = step; }, this) } }); if (this.tweens.instance == null) this.tweens.build(); }, destroy : function () { this.scrollmagic.destroy(); this.tweens.kill(); }, reInit : function() { if (!this.opts.stateAttr.init) return; this.destroy(); this.init(); } }; var motion4Timeout = null; var motion4 = { opts : { stateAttr : { init : false } }, init : function () { clearTimeout(motion4Timeout); motion4Timeout = setTimeout($.proxy(function() { this.opts.stateAttr.init = true; this.setElements(); this.buildScrollMagic(); this.buildTween(); }, this), 1000); }, setElements : function () { this.parentObj = $('#bixby-voice-wake-up'); this.obj = this.parentObj.find('.sc-article__content'); }, buildScrollMagic : function () { util.def(this, { scrollmagic : { controller : null, opts : { triggerElement : this.obj.get(0), triggerHook : 0, duration : '50%', reverse : true, offset: (util.getNavigationHeight() * -1) }, destroy : $.proxy(function () { if (this.scrollmagic.controller == null) return; this.scrollmagic.controller.destroy(); this.obj.unwrap().css({ 'position' : '', 'margin' : '', 'inset' : '', 'box-sizing' : '', 'width' : '' }); this.scrollmagic.controller = null; }, this), build : $.proxy(function () { this.scrollmagic.controller = new ScrollMagic.Controller(); }, this) } }); this.scrollmagic.build(); }, buildTween : function () { util.def(this, { tweens : { instance : null, kill : $.proxy(function () { if (this.tweens.instance == null) return; this.tweens.instance.progress(1).kill(); this.parentObj.removeClass('sc-cue1 sc-cue2'); this.tweens.instance = null; }, this), build : $.proxy(function () { var step = new TimelineLite(); step.to(this.obj, 2, { onStart : $.proxy(function () { this.parentObj.addClass('sc-cue1'); this.parentObj.removeClass('sc-cue2'); }, this), onComplete: $.proxy(function() { this.parentObj.removeClass('sc-cue1'); this.parentObj.addClass('sc-cue2'); }, this), immediateRender : false }); // scrollmagic var scene = new ScrollMagic.Scene(this.scrollmagic.opts) .setPin(this.obj.get(0)) .setTween(step) .addTo(this.scrollmagic.controller); this.tweens.instance = step; }, this) } }); this.tweens.build(); }, destroy : function () { this.scrollmagic.destroy(); this.tweens.kill(); }, reInit : function() { if (!this.opts.stateAttr.init) return; this.destroy(); this.init(); } }; var motion5Timeout = null; var motion5 = { opts : { customEvent : '.Component' + (new Date()).getTime() + Math.random(), stateAttr : { init : false }, sizeAttr : { action : null }, resizeStart : null }, init : function () { clearTimeout(motion5Timeout); motion5Timeout = setTimeout($.proxy(function() { this.opts.stateAttr.init = true; this.setElements(); this.initLayout(); this.buildScrollMagic(); this.buildTween(); }, this), 1000); }, setElements : function () { this.obj = $('#budsDesign .sc-buds-sticky-wrap'); this.titWrap = this.obj.find('.sc-color-callout'); this.tit* = this.titWrap.find('>li'); this.budsWrap = this.obj.find('.sc-color-rolling'); this.buds = this.budsWrap.find('.sc-buds'); }, initLayout : function () { if (this.cloneBuds != undefined) { this.cloneBuds.remove(); } this.obj.css('height', 'auto'); var buds1 = this.buds.eq(0).clone(); var buds2 = this.buds.eq(1).clone(); this.cloneBuds = buds1.add(buds2); this.budsWrap.append(this.cloneBuds); }, buildScrollMagic : function () { util.def(this, { scrollmagic : { controller : null, opts : { triggerElement : this.obj.get(0), triggerHook : 0, duration : '150%', reverse : true, offset: sizeMode > 3 ? (util.getNavigationHeight() * -2) : (util.getNavigationHeight() * -1) }, destroy : $.proxy(function () { if (this.scrollmagic.controller == null) return; this.scrollmagic.controller.destroy(); this.obj.unwrap().css({ 'position' : '', 'margin' : '', 'inset' : '', 'box-sizing' : '', 'width' : '' }); this.scrollmagic.controller = null; }, this), build : $.proxy(function () { this.scrollmagic.controller = new ScrollMagic.Controller(); }, this) } }); this.scrollmagic.build(); }, buildTween : function () { util.def(this, { tweens : { instance : null, kill : $.proxy(function () { if (this.tweens.instance == null) return; this.tweens.instance.progress(1).kill(); this.obj.removeClass('sc-cue1 sc-cue2 sc-cue3 sc-cue4'); this.tit*.eq(0).removeClass('sc-show sc-hide'); this.tit*.eq(1).removeClass('sc-show sc-hide'); this.tit*.eq(2).removeClass('sc-show sc-hide'); this.tweens.instance = null; }, this), build : $.proxy(function () { var step = new TimelineLite(); step.to(this.obj, .2, { onStart : $.proxy(function () { }, this), immediateRender : false }); step.to(this.obj, 1, { onStart : $.proxy(function () { this.obj.addClass('sc-cue1'); this.tit*.eq(0).addClass('sc-show'); }, this), onReverseComplete : $.proxy(function () { this.obj.removeClass('sc-cue1'); this.tit*.eq(0).removeClass('sc-show'); }, this), immediateRender : false }); step.to(this.obj, 1, { onStart : $.proxy(function () { this.obj.removeClass('sc-cue1'); this.obj.addClass('sc-cue2'); this.tit*.eq(0).removeClass('sc-show'); this.tit*.eq(1).addClass('sc-show'); }, this), onReverseComplete : $.proxy(function () { this.obj.removeClass('sc-cue2'); this.obj.addClass('sc-cue1'); this.tit*.eq(1).removeClass('sc-show'); this.tit*.eq(0).addClass('sc-show'); }, this), immediateRender : false }); step.to(this.obj, 1, { onStart : $.proxy(function () { this.obj.removeClass('sc-cue2'); this.obj.addClass('sc-cue3'); this.tit*.eq(1).removeClass('sc-show'); this.tit*.eq(2).addClass('sc-show'); }, this), // onComplete: $.proxy(function() { // this.obj.addClass('sc-cue4'); // }, this), onReverseComplete : $.proxy(function () { this.obj.removeClass('sc-cue3'); this.obj.addClass('sc-cue2'); this.tit*.eq(2).removeClass('sc-show'); this.tit*.eq(1).addClass('sc-show'); }, this), immediateRender : false }); step.to(this.obj, 0.01, { onStart : $.proxy(function () { this.obj.addClass('sc-cue4'); }, this), onReverseComplete : $.proxy(function () { this.obj.removeClass('sc-cue4'); }, this), immediateRender : false }); // scrollmagic var scene = new ScrollMagic.Scene(this.scrollmagic.opts) .setPin(this.obj.get(0)) .setTween(step) .addTo(this.scrollmagic.controller); this.tweens.instance = step; }, this) } }); this.tweens.build(); }, destroy : function () { this.scrollmagic.destroy(); this.tweens.kill(); }, reInit : function() { if (!this.opts.stateAttr.init) return; this.destroy(); this.init(); } }; var budsOverviewParallax = { opts : { customEvent : '.Component' + (new Date()).getTime() + Math.random(), stateAttr : { init : false }, sizeAttr : { action : null }, resizeStart : null }, init : function () { this.opts.stateAttr.init = true; this.initLayout(); this.setElements(); this.buildParallax(); this.resizeFunc(); this.bindEvents(true); }, initLayout: function() { if (document.documentElement.querySelector('#sc-buds__overview') == undefined) { $('#budsOverview').wrapAll('

') }; }, setElements : function () { this.objParent = $('#sc-buds__overview'); this.obj = $('#budsOverview'); }, buildParallax : function () { util.def(this, { parallax : { instance : [], destroy : $.proxy(function () { for (var i = 0, max = this.parallax.instance.length; i < max; i++) { this.parallax.instance[i].destroy(); } this.parallax.instance = []; }, this), build : $.proxy(function () { var build = new ParallaxView(this.obj, { triggerElement : this.objParent, animation : { from : { y : 200 }, to : { y : -200 } } }); this.parallax.instance.push(build); }, this) } }); // this.parallax.build(); }, changeEvents : function (event) { var events = [], eventNames = event.split(' '); for (var key in eventNames) { events.push(eventNames[key] + this.opts.customEvent); } return events.join(' '); }, bindEvents : function (type) { if (type) { $(window).on(this.changeEvents('resize orientationchange'), $.proxy(this.resizeFunc, this)); } else { $(window).off(this.changeEvents('resize orientationchange')); } }, resizeFunc : function () { this.winWidth = util.winSize().w; if (this.opts.resizeStart == null) { this.opts.resizeStart = this.winWidth; this.resizeAnimateFunc(); } window.clearTimeout(this.resizeEndTime); this.resizeEndTime = window.setTimeout($.proxy(this.resizeEndFunc, this), 150); }, resizeEndFunc : function () { this.opts.resizeStart = null; this.setAction(); util.cancelAFrame.call(window, this.resizeRequestFrame); }, resizeAnimateFunc : function () { this.setAction(); this.resizeRequestFrame = util.requestAFrame.call(window, $.proxy(this.resizeAnimateFunc, this)); }, setAction : function () { if (sizeMode > 1) { if (this.opts.sizeAttr.action !== 'OTHER') { this.opts.sizeAttr.action = 'OTHER'; this.parallax.build(); } } else { if (this.opts.sizeAttr.action !== 1024) { this.opts.sizeAttr.action = 1024; this.parallax.destroy(); } } }, destroy : function () { if (!this.opts.stateAttr.init) return; this.parallax.destroy(); } }; var budsFeatureDesignTimeout = null; var budsFeatureDesignParallax = { opts : { customEvent : '.Component' + (new Date()).getTime() + Math.random(), stateAttr : { init : false }, sizeAttr : { action : null }, resizeStart : null }, init: function() { clearTimeout(budsFeatureDesignTimeout); budsFeatureDesignTimeout = setTimeout($.proxy(function() { this.opts.stateAttr.init = true; this.setElements(); this.buildParallax(); this.bindEvents(); }, this), 1000); }, setElements: function() { this.objParent = $("#budsDesign"); this.obj = this.objParent.find(".sc-buds__feature-design .sc-buds-sticky"); }, buildParallax: function() { util.def(this, { parallax : { instance : [], destroy : $.proxy(function () { if (this.parallax.instance.length < 0) return; this.obj.css({ 'position' : '', 'margin' : '', 'inset' : '', 'box-sizing' : '', 'width' : '' }); for (var i = 0, max = this.parallax.instance.length; i < max; i++) { this.parallax.instance[i].destroy(); } this.parallax.instance = []; }, this), build : $.proxy(function () { var build = new ParallaxView(this.obj, { triggerElement : this.obj, animation : { from : { y : 200 }, to : { y : 0 } }, breakpoints: { breakPoint : { from: { y: 0 }, to: { y: 0 } } } }); this.parallax.instance.push(build); }, this) } }); this.parallax.build(); }, changeEvents : function (event) { var events = [], eventNames = event.split(' '); for (var key in eventNames) { events.push(eventNames[key] + this.opts.customEvent); } return events.join(' '); }, bindEvents : function (type) { if (type) { $(window).on(this.changeEvents('resize orientationchange'), $.proxy(this.resizeFunc, this)); } else { $(window).off(this.changeEvents('resize orientationchange')); } }, resizeFunc : function () { this.winWidth = util.winSize().w; if (this.opts.resizeStart == null) { this.opts.resizeStart = this.winWidth; this.resizeAnimateFunc(); } window.clearTimeout(this.resizeEndTime); this.resizeEndTime = window.setTimeout($.proxy(this.resizeEndFunc, this), 150); }, resizeEndFunc : function () { this.opts.resizeStart = null; this.setAction(); util.cancelAFrame.call(window, this.resizeRequestFrame); }, resizeAnimateFunc : function () { this.setAction(); this.resizeRequestFrame = util.requestAFrame.call(window, $.proxy(this.resizeAnimateFunc, this)); }, setAction : function () { if (this.winWidth > breakPoint) { if (this.opts.sizeAttr.action !== 'OTHER') { this.opts.sizeAttr.action = 'OTHER'; this.contents.build(); } } else { if (this.opts.sizeAttr.action !== 1024) { this.opts.sizeAttr.action = 1024; this.contents.destroy(); } } }, destroy: function() { if (!this.opts.stateAttr.init) return; if (this.parallax.instance.length < 1) this.parallax.destroy(); } }; var budsBatteryParallax = { init: function() { this.initLayout(); this.setElements(); this.buildParallax(); }, initLayout: function() { if (document.documentElement.querySelector('#sc-buds__battery') == undefined) { $('.sc-buds__feature-battery').wrapAll('

'); }; }, setElements: function() { this.batteryMediaWrapParent = $('#sc-buds__battery'); this.batteryMediaWrap = $('.sc-buds__feature-battery'); }, buildParallax : function () { util.def(this, { parallax : { instance : [], destroy : $.proxy(function () { for (var i = 0, max = this.parallax.instance.length; i < max; i++) { this.parallax.instance[i].destroy(); } this.parallax.instance = []; }, this), build : $.proxy(function () { var build = new ParallaxView(this.batteryMediaWrapParent, { triggerElement : this.batteryMediaWrap, animation : { from : { y : 100 }, to : { y : -200 } } }); this.parallax.instance.push(build); }, this) } }); this.parallax.build(); }, destroy: function() { this.parallax.destroy(); } }; var commonParallax = { opts : { customEvent : '.Component' + (new Date()).getTime() + Math.random(), stateAttr : { init : false }, sizeAttr : { action : null }, resizeStart : null }, init : function () { this.opts.stateAttr.init = true; this.initLayout(); this.setElements(); this.buildParallax(); this.resizeFunc(); this.bindEvents(true); }, initLayout: function() { if (document.documentElement.querySelector('#sc-buds__noise-cancel') == undefined) { $('.sc-buds__feature-noise-cancel').wrapAll('

'); }; // if (document.documentElement.querySelector('#sc-buds__battery') == undefined) { // $('.sc-buds__feature-battery').wrapAll('

'); // }; }, setElements : function () { this.modelParent = $('#sc-buds__noise-cancel'); this.model = this.modelParent.find('.sc-buds__feature-noise-cancel'); // this.batteryMediaWrapParent = $('#sc-buds__battery'); // this.batteryMediaWrap = $('.sc-buds__feature-battery'); }, buildParallax : function () { util.def(this, { parallax : { instance : [], destroy : $.proxy(function () { // if (document.documentElement.querySelector('#sc-buds__noise-cancel') != undefined) { // $('.sc-buds__feature-noise-cancel').unwrap() // }; // if (document.documentElement.querySelector('#sc-buds__battery') != undefined) { // $('.sc-buds__feature-battery').unwrap() // }; for (var i = 0, max = this.parallax.instance.length; i < max; i++) { this.parallax.instance[i].destroy(); } this.parallax.instance = []; }, this), build : $.proxy(function () { var build = new ParallaxView(this.modelParent, { triggerElement : this.model, animation : { from : { y : 200 }, to : { y : -200 } } }); // var build3 = new ParallaxView(this.batteryMediaWrapParent, { // triggerElement : this.batteryMediaWrap, // animation : { // from : { // y : 200 // }, // to : { // y : -200 // } // } // }); this.parallax.instance.push(build); // this.parallax.instance.push(build3); }, this) } }); // this.parallax.build(); }, changeEvents : function (event) { var events = [], eventNames = event.split(' '); for (var key in eventNames) { events.push(eventNames[key] + this.opts.customEvent); } return events.join(' '); }, bindEvents : function (type) { if (type) { $(window).on(this.changeEvents('resize orientationchange'), $.proxy(this.resizeFunc, this)); } else { $(window).off(this.changeEvents('resize orientationchange')); } }, resizeFunc : function () { this.winWidth = util.winSize().w; if (this.opts.resizeStart == null) { this.opts.resizeStart = this.winWidth; this.resizeAnimateFunc(); } window.clearTimeout(this.resizeEndTime); this.resizeEndTime = window.setTimeout($.proxy(this.resizeEndFunc, this), 150); }, resizeEndFunc : function () { this.opts.resizeStart = null; this.setAction(); util.cancelAFrame.call(window, this.resizeRequestFrame); }, resizeAnimateFunc : function () { this.setAction(); this.resizeRequestFrame = util.requestAFrame.call(window, $.proxy(this.resizeAnimateFunc, this)); }, setAction : function () { if (sizeMode > 1) { if (this.opts.sizeAttr.action !== 'OTHER') { this.opts.sizeAttr.action = 'OTHER'; this.parallax.build(); } } else { if (this.opts.sizeAttr.action !== 1024) { this.opts.sizeAttr.action = 1024; this.parallax.destroy(); } } }, destroy : function () { if (!this.opts.stateAttr.init) return; this.parallax.destroy(); } }; return { init: init } })(); !function(t, e, i) { "use strict"; function n() { e.addEventListener ? e.removeEventListener("DOMContentLoaded", s) : e.detachEvent("onreadystatechange", s) } function s() { (e.addEventListener || "load" === event.type || "complete" === e.readyState) && (n(), i(window, window.jQuery)) } function r() { e.addEventListener ? e.addEventListener("DOMContentLoaded", s) : e.attachEvent("onreadystatechange", s) } i = i || function() {} , r() }(window, document, function(win, $) { GALAXY.atticHandler.init(); }); })();