由機背側向展示幻影黑Galaxy S21 Ultra 5G的特寫,焦點落在四個鏡頭上,包括超廣角鏡頭、廣角鏡頭和兩個遠攝鏡頭。
Epic.In every way
全新Galaxy S21 Ultra 5G。以獨樹一格的方廓鏡頭設計,革新攝影,讓你同步捕捉影院級8K影片和拍出震撼硬照。並配備Galaxy上最高效晶片、最強玻璃、5G和全日電量,一如Ultra之名,體現極致。
-
Marques Brownlee (又名MKBHD),持有幻影紫的Galaxy S21 5G。專家是如此的說。Krystal Lor手持幻影黑的Galaxy S21 Ultra 5G。新的表達方式。 Marques進入了手機的“相機”應用程序式,顯示了許多可用的拍攝模式。他在Director模式下拍攝影片,同時記錄走廊和自己的行走畫面。 Thao Huynh的自拍照顯示了相機的明亮模式和自然模式之間的區別。Marques在外面使用Galaxy S21 5G拍攝。值得炫耀的設計。 Thao手持Galaxy S21 5G的一面朝下,然後Krystal和Marques手持Galaxy S21 Ultra 5G的一面朝下。 Galaxy S21 Ultra 5G的後置鏡頭。表達的力量。Thao拿著Galaxy S21 5G。Marques滑動屏幕至分辨率設置,然後點擊顯示設置和動作平滑度。在桌上的Galaxy S21 5G彈出視窗中的計算器應用程式。Marques持有Galaxy S21 5G,然後是Galaxy S21 Ultra 5G。免責聲明:技術評論家分享他們對Galaxy S21的看法。沒有付款以創建此評論。將內容發佈到YouTube後,需要付費獲取許可。
-
Marques Brownlee(又名MKBHD)拿著幻影黑的Galaxy S21 Ultra 5G,顯示了手機的背面和側面。將手機正面朝上放在桌子上時,他輕按手機側面以使其來回搖擺。他舉起手機,然後將手機放在Galaxy S20 Ultra旁邊的桌子上,以比較手機的外觀。 Marques手持Galaxy S21 Ultra 5G正面朝上顯示生動的顯示效果。他在“顯示”設定中滑動,點擊“屏幕分辨率”和“運動作平滑度”。他滑動查看Feed,以展示Super Smooth 120Hz顯示。 Marques Brownlee一隻手握住手機,另一隻手握住比較的手機,以顯示尺寸差異。 Galaxy S20 Ultra和Galaxy S21 Ultra 5G並排顯示大小差異。 Marques將拇指放在“超聲波指紋”傳感器上以解鎖手機。他將手機橫向放置,並使用“相機”應用程式將其拉近。他滑動以瀏覽電話設定,點擊通知,牆紙和主屏幕以顯示許多的可自訂的設定。他按下音量按鈕並滑動以顯示新的音量控制。他從頂部拖動以顯示快速欄和“通知”選單,然後在“Dark”模式下滑動。字幕從主屏幕向右滑動即可顯示Google發現頁面。 5000mAh。 Snapdragon888。Exynos2100。Marques使用後進入電池設置,以顯示剩餘13小時49分鐘的電量。他播放影片,然後在“相機”應用程式中拍照。在“相機”應用程式中,他選擇了自拍色調。然後,他使用100倍極遠變焦將其緩慢放大至100倍。 特寫Galaxy S21 Ultra 5G相機鏡頭。 Marques在Director模式下拍攝影片,同時錄製走廊和他自己的行走鏡頭。在“相機”應用程式中,他放大了3倍,然後放大了10倍,30倍和100倍。
-
I really do love everything we get within the native camera app
Krystal Lora拿著Galaxy S21 Ultra 5G盒子。她用拆開了幻影黑的手機包裝,並顯示了手機的背面和鏡頭。她從包裝盒中取出SIM卡插入工具和充電線。然後,她將幻影紫的Galaxy S21 5G拆箱。她並排拿著兩部Galaxy S21手機。 Krystal在Galaxy S21 5G上打開相機應用程式拍照。她將幻影黑的Galaxy Buds Pro拆箱。然後,她打開盒子,將耳機放在耳裡。她切換耳翼以使其更貼合。 Krystal一隻手握住Galaxy S21 Ultra 5G,另一隻手握住S21 5G。她將手指放在Galaxy S21 Ultra 5G的超聲波指紋感應器上,並迅速解鎖手機。 Galaxy S21 5G和S21 Ultra 5G並排顯示尺寸差異。她在Galaxy S21 5G上打開“相機”應用程式,並使用“自拍”模式錄製影片。然後,她打開Director View,並在屏幕上的三個縮圖之間切換,以顯示不同的相機角度。Krystal正使用主要的廣角鏡頭錄製自己坐在沙發上的影片。然後,她打開Galaxy Buds Pro保護殼,將其與Galaxy S21 Ultra 5G配對。她手裡拿著耳機。
影片播放視窗
-
「Galaxy S21 Ultra,獨當一面。」
SamMobile
「Samsung Galaxy S21 Ultra的相機鏡頭非常好!近乎是我們試過,用於拍攝硬照上,最多功能的手機鏡頭。」
Stuff
「感覺每一吋都盡善盡美。感覺每個功能都是極致。」
Input
「5大原因購買Galaxy S21 Ultra,Samsung是新鏡頭之冠。」
XDA-Developers
-
「難以言語S21 Ultra的120Hz顯示如何出色。每個動作都感覺到極致敏銳流暢。」
Forbes
「Samsung Galaxy S21 Ultra配備成為最佳Andriod手機的一切。」
Tom’s Guide
上一頁 下一頁


全新奪目鏡頭設計,自成一格。特大的方廓型格鏡頭,將最前尖鏡頭完美框住。

Introducing a bold new camera design in a category of its own. It's ultra-sized with a contour-cut camera that seamlessly houses cutting-edge lenses.

幻影黑
幻影銀
360°觀看手機
- Galaxy S21 Ultra 5G
- 幻影黑
- 幻影銀
(Video) 全面深入評測 Samsung Galaxy S21 Ultra內附Note 20 Ultra對比測試 螢幕 鏡頭 跑分 續航力 |廣東話【Price.com.hk產品比較】
Layer Popup Close

6.8” Infinity-O顯示屏幕2
纖薄邊框和精巧的相機開孔為你帶來更廣闊的畫面觀看及享受。
Dynamic AMOLED 2X
-
50%
更大對比度3
-
100%
色域空間
-
護眼模式商標
-
120Hz
極致順暢120Hz顯示
Dynamic AMOLED 2X
Galaxy智能手機中最鮮艷明亮的顯示屏幕。Galaxy S21 Ultra 5G以1500 nits亮度帶來震撼體驗,配備100%色域空間,色彩精確逼真。

*Galaxy S21 Ultra 5G上的 Dynamic AMOLED 2X顯示屏,獲得德國VDE認證,配備100% DCI-P3色域,意味無論亮度水平如何,你的圖像也不會褪色,甚至給你難以想像的真實色彩。顯示屏更可實現高達1500 nits亮度,及擁有3,000,000:1的對比度,能改善光暗對比,成就更絢麗畫質,使手機體驗更為逼真。
護眼模式
Galaxy S21 Ultra 5G會在晚上為你調節藍光,減少你看見的有害藍光,盡情追看最喜愛的電影。1

全球領先的認証公司SGS,就Galaxy S21 Ultra 5G顯示屏幕可大幅減少藍光有害影響的能力,給予Eye Care Certification的認証。此認證可於www.sgs.com上找到。
120Hz極致順暢顯示
我們最流暢的屏幕瀏覽體驗,讓你跟上所有發文。反應超乎想像,帶來無縫切換體驗,和根據你所看內容變更最適切的刷屏率,節省電量,讓你盡享更多。
兼容S Pen
首次為Galaxy S系列而設的S Pen,帶來精準,觸指可及。透過引入Wacom技術,你現在可以低時延的S Pen精雕細琢,進行編輯、潤飾和微調。盡享超流暢顯示帶來的好處,不論是用S Pen或你喜愛的「feel by Wacom」EMR®系列觸控筆。 2
- 1. 護眼模式自動設定為「關閉」, 並需要於設定中開啟。
- 2. S Pen的延遲度或會因應應用程式不同而異。S Pen需另行購買。
關閉彈出視窗
CORNING® GORILLA® GLASS VICTUS™




播放 >
超越影院級解像度

以8K拍攝,一名男子在建築物前跳舞的畫面。靜止的影像由影片中,使用8k攝錄高清截圖獲得。影像展示由8k影片所獲得的畫面,清晰一如相片。

播放

一名男子在階梯上跳舞。兩張圖由Galaxy S21 Ultra 5G拍攝,一張並無開啟極致防手震,另一張則開啟極致防手震。在極致防手震下拍攝的一張,相比另一張,更顯清晰細緻。
關閉極致防手震
開啟極致防手震
開啟 極致防手震,Galaxy S21 Ultra 5G攝如動態鏡頭。AI穩定技術盡減顛簸,當你移動時,帶來平衡流暢影片。
超流暢60fps拍攝,讓你拍出流暢影片,盡見每個細節於影片回放。 經FHD自動模式下的調整攝錄幀數,於日間可拍出更流暢的影片 ─ 或於低光下切換至30fps以拍攝出更光亮的影片。

4,000萬像素 自拍鏡頭




1,200萬像素 超廣角鏡頭
1億800萬像素 廣角鏡頭
1,000萬像素 遠攝鏡頭

40MP SELFIE CAMERA

12MP ULTRA WIDE
CAMERA
108MP WIDE-ANGLE
CAMERA
10MP TELEPHOTO
CAMERAS
1億800萬像素


播放

一名女士被看見站在大廈的另一邊。隨放大你會看見她正手持雨傘,再放大,你可清晰看見她。將鏡頭放至最大,你可看見雨傘的特寫。
突破性雙遠攝鏡頭系統,現在變焦更快、更順、更清,Galaxy系列中所有變焦,都無可比擬。6 並且配上全新定點變焦,鏡頭穩定,前所未能。
了解更多
雙遠攝鏡頭系統
Galaxy S21 Ultra5G特設3倍及10倍的遠攝光學鏡頭,讓你可切換再放大。然後使用我們革命性的雙重摺疊式鏡頭,和由AI加強的超高解像度變焦,你無需走近半步,貼近動態可進一步。 1
變焦鎖定
無需腳架,確保你獲得穩定鏡頭。當你放大至20倍或更多時,並且手機偵測出1.5秒沒有明顯移動的情況時,定點變焦便會啟動,並自動穩定影像。你亦可簡單點擊屏幕,啟動功能。
- 1. 100倍極遠變焦包含10倍混合式光學變焦和配備AI超高解像技術的100倍數碼變焦。放大超過10倍或會導致部份影像質素下降。
關閉彈出視窗
人像,亮目一新
。
影樓級人像模式,現在由AI加強,分析面部、光線角度和方向,並計算出景深,為相片帶來理想打光效果。
Galaxy S21 Series 5G: BTS 精彩的一天 - 人像模式 (完整版本)
BTS在房間裡。自拍時間?V 拿起 Galaxy S21 自拍。免責聲明:自拍。模擬屏幕圖像。UX/UI可能會發生變化。免責聲明:自拍。模擬屏幕圖像。看起來不錯!Jin正在玩飛鏢。 多麼好的一槍! J-Hope 拿著 Galaxy S21 給Jin拍照。輪到我了!保持專注。縱向模式下的S21用戶界面。免責聲明:縱向模式。模擬的屏幕圖像。UX/UI可能會發生變化。Jin在扔飛鏢之前看著S21相機。每次投籃都是王牌。這是一個靶心。RM走到窗邊自拍。好的!免責聲明:自拍。模擬屏幕圖像。每個成員都在牆上掛了自己打印的自拍照。S21在桌面屏幕上朝下。Galaxy S21系列5G。免責聲明:型號和顏色可能因國家和運營商而異。免責聲明:縱向模式。 圖像模擬。Samsung Galaxy BTS




2倍
更快AI3

20%
更快CPU3

35%
更快GPU3

class="upto">高達16GB
RAM






Galaxy首個5nm處理器,集震撼效能和速度於更細的晶片之中。這次非凡升級,意味Galaxy S21 Ultra 5G的處理速度更快、更具智能。 3
*圖片為模擬影像,僅供參考。
*16GB RAM僅適用於配備512GB儲存空間的Galaxy S21 Ultra 5G型號。12GB RAM僅適用於配備256GB儲存空間的Galaxy S21 Ultra 5G型號。

Knox安全平台為你帶來最高級別的保安認證,自晶片起保護你的手機,讓你對資料使用及應用程式權限更具信心。並有Samsung Knox Vault加密你的生物認證數據。而且,更大的超聲波指紋感應器,改善時延和乾燥手指識別,解鎖快速精確。3

建築物上方的天空由黑夜轉至天明,展示出5,000mAh電池的長效電量。

智能電池
全日電量,超越自己
Galaxy S21 Ultra 5G的智能電池,全日續航,盡情5G。盡用5,000mAh電量,結合全新更具能源效益的顯示技術和處理器,生活,超越時間限制。7, 8
-
超快速充電透過25W旅行充電器,只需30分鐘,帶來多於一半電量。9
-
快速充電2.0帶給你快速電量回升,無需電線。10
-
無線電源共享讓你以手機為耳機、手錶或朋友的手機充電。11

*USB Implementers Forum, Inc.(USB-IF)成立於1995年,旨在支援及提高市場和消費者對USB兼容裝置的採用性。 Galaxy S21 Ultra 5G的超快速充電功能已通過USB標準認證,代表你的裝置達到業內最高標準。於www.usb.org上可找到認證。
容量

WATER RESISTANT



5G

播放





神級遊戲體驗
透過120Hz顯示,你可同時盡享快速觸控反應和流暢動作。與5G和Wi-Fi 6E配對,讓你實時在線,遊戲更上一層。
升級遊戲加速器
遊戲加速器的全新優先模式,透過阻截來電和通知,讓你盡享Ultra極致效能。而且,我們建基於AI的解決方案,會監察你裝置的使用情況和自動調整設置,在你遊戲時調整所有温度、電量和記憶體,帶來最好體驗。
關閉彈出視窗
由大屏幕,到更大屏幕

透過Google Duo進行 大屏幕通話,全新方式,與朋友和摰愛分享近況,以色彩豐富的背景,增添趣味。18, 19, 21

*圖片為模擬影像,僅供參考。
*Google Duo是Google LLC的商標。
*可透過通話設定中,由Google Duo的Smart View功能開啟大屏幕通話。

動態投影讓你將手機投影到電視上,因此你可跟隨日常煅練。你可在導師旁邊,審視自己的動作,逐步跟隨。21, 22


感受直接在你的Windows 10電腦上,運行手機應用程式的力量。將應用程式加入到「開始畫面」或「工作列」,輕鬆開啟並運行,一切始於你連接Galaxy手機到「你的手機」應用程式的一刻。
*用戶必需透過手機上的「連結至Windows」與PC上的「你的手機」應用程式將Galaxy智能手機連接到 Windows 10 PC,並依照設定提示,包括登入相同的Microsoft帳戶。需先行在相應的手機上預載「連結至Windows」。部份「連結至Windows」功能或需啟動Galaxy手機,並與電腦連接到同一Wi-Fi網絡。
*部份手機應用程式或會限制可分享到其他屏幕的內容,或需配備觸控屏幕方可進行互動。






- 包括:
- USB Type-C充電傳輸線
- SIM卡針
- 快速入門指南
*旅行充電器需另行購買。
*某些列出的配件的供應情況或會因購買的型號或居住的國家或地區而異。
Galaxy S21 Ultra: 官方開箱
開箱Galaxy S21 Ultra 5G。Galaxy S21 Ultra 5G。展示了S21 Ultra 5G盒子。免責聲明:5G網絡可用性或因國家/地區、網絡提供商和用戶環境而異。雙手打開盒子,取出的是一部全新的S21 Ultra 5G。顯示快速入門指南。還有一個彈出針和數據線。從S21 Ultra 5G 的背面撕開保護貼。另一塊保護貼從後置鏡頭上撕開。從不同角度顯示背面。翻開S21 Ultra 5G顯示正面。 S21 Ultra 5G 面朝下放在桌子上。幻影銀 S21 Ultra 5G 出現在幻影黑 S21 Ultra 5G下方,兩者並排放置。幻影黑。幻影銀。免責聲明:模擬影像。顏色可用性可能因國家或營運商而異。三款不同顏色的S21 Ultra 5G手機並排放置。Samsung.com獨家提供。幻影鈦。幻影海軍。幻影棕。免責聲明:模擬影像。顏色可用性可能因國家或運營商而異。 S21 Ultra 5G 背面特寫。 S21 Ultra 5G 後置鏡頭特寫。手持 S21 Ultra 5G 展示正面。 6.8" Infinity-O 顯示屏。

" + "
" ); if (i % 2 == 1) $yvSlide .find("li:last-child > div") .append( '
' + yvThumbArray[i] + "
" ); } else if ($html.hasClass("s2")) { if (i % 3 == 0) $yvSlide.append( '
' + '
' + yvThumbArray[i] + "
" + "
" ); if (i % 3 != 0) $yvSlide .find("li:last-child > div") .append( '
' + yvThumbArray[i] + "
" ); } else { if (i % 4 == 0) $yvSlide.append( '
' + '
' + yvThumbArray[i] + "
" + "
" ); if (i % 4 != 0) $yvSlide .find("li:last-child > div") .append( '
' + yvThumbArray[i] + "
" ); } } $yvSlide.find("li").each(function() { if ($(this).find("> div .thumb").length < 2) { $(this).find("> div").removeAttr("role"); $(this).find("> div .thumb").removeAttr("role"); } }); var omniTxt = "galaxy-s21-ultra:highlights:epic-in-every-way:select:"; $yvSlide.find("li").each(function(i) { var title; if ($html.hasClass("s34")) { title = yvTitleArr.slice(i * 4, i * 4 + 4).toString(); } else if ($html.hasClass("s2")) { title = yvTitleArr.slice(i * 3, i * 3 + 3).toString(); } else { title = yvTitleArr.slice(i * 2, i * 2 + 2).toString(); } $( '' + pageTitle + " " + (i + 1) + ":" + title + "" ).appendTo($yvSlidePaging); }); var meetSwipe = GALAXY.swipeAble; if ($html.hasClass('ie') && $html.hasClass('rtl')) { meetSwipe = false; } if ($html.hasClass('edge') && $html.hasClass('rtl')) { meetSwipe = false; } $yvSlide.xlider({ swipe: meetSwipe, endless: true, arrows: [$yvWrap.find('.m_btn_type1-prev'), $yvWrap.find('.m_btn_type1-next')], paging: $yvSlidePaging, onMove: function() { $yvSlideWrap.find('li').removeClass('view'); $yvSlideWrap.removeClass('ie-error'); }, onChange: function() { $yvSlideWrap.find('li').removeClass('view'); $yvSlideWrap.removeClass('ie-error'); }, onChangeEnd: function(i) { var select = $yvSlidePaging.data('btn-title'); sliderOmni.remove(); $yvSlideWrap.find('.xlider-current').removeClass('view').siblings().addClass('view'); $yvSlidePaging.find('a').eq(i).attr('title', select).siblings().attr('title', ''); $yvSlideWrap.addClass('ie-error'); } }); $yvWrap.on('mousedown keydown', '.slide-paging a, arrow-wrap a', function(e) { sliderOmni.add(e, this); }); } else { $yvWrap.addClass('no-slide'); } } var yvSlideDestroy = function() { yvThumbArray = []; $yvSlidePaging.html(''); $yvSlide.removeAttr('style').xlider('remove'); $yvSlide.html(yvSlideHtml); $yvWrap.addClass('no-slide'); setTimeout(function() { $yvSlide.find('img').each(function(i, img) { if (GALAXY.sizeMode >= 3) { img.src = img.getAttribute('data-media-s4'); } else if (GALAXY.sizeMode == 2) { img.src = img.getAttribute('data-media-s2'); } else if (GALAXY.sizeMode == 1) { img.src = img.getAttribute('data-media-s1'); } }); }, 10); }; var waTimer; $(document).on('click', '.youtube-slide a', function(e) { e.preventDefault(); GALAXY.vodPlayer.show(this.href, this, true); var desc = $(this).parent().find(".youtube-desc").length ? $(this) .parent() .find(".youtube-desc") .clone() .removeAttr("aria-hidden", "false") : null; $("#layer-youtube").find("h3").empty().text(""); $(".m_layer-youtube.show iframe").attr( "title", $(this).data("title") ); clearTimeout(waTimer); waTimer = setTimeout(function() { $(".m_layer-youtube.show").find(".c_btn_close-type1").focus(); }, 1500); if (desc != null) $(".m_layer-youtube.show").find(".m_video_view").append(desc); if (GALAXY.isGalaxy && $(this).parents(".youtube-slide").length) GALAXY.omniture($(this).attr("data-omni")); if ($("html").hasClass("dotcom")) { accessibillityLayers.on($("#teconsent")); } var hide = function() { setTimeout(function() { $clickAble.focus(); }, 100); }; }); // about slide var $aboutWrap = $('.about-wrap'); var $aboutSlideWrap = $('.about-slide'); var $aboutSlide = $aboutSlideWrap.find('.about-list'); var $aboutSlidePaging = $aboutWrap.find('.slide-paging'); var aboutSlideHtml = $aboutSlide.html(); var aboutBoxArray = []; var aboutTitleArr = []; var aboutSlideInit = function() { aboutTitleArr = []; $aboutSlide.attr("role", "presentation"); if ($aboutWrap.hasClass('no-slide')) $aboutWrap.removeClass('no-slide'); $aboutSlide.find('.box').each(function(i) { var thisHtml = $(this).html(); aboutBoxArray.push(thisHtml); aboutTitleArr.push($(this).find('.box-text').data('title')); }); var pageTitle = $aboutSlidePaging.data('page-title'); $aboutSlide.html(''); for (var i = 0; i < aboutBoxArray.length; i++) { if ($html.hasClass("s12")) { if (i % 2 == 0) $aboutSlide.append( '
' + '
' + aboutBoxArray[i] + "
" + "
" ); if (i % 2 == 1) $aboutSlide .find("li:last-child > div") .append( '
' + aboutBoxArray[i] + "
" ); } else if ($html.hasClass("s3")) { if (i % 3 == 0) $aboutSlide.append( '
' + '
' + aboutBoxArray[i] + "
" + "
" ); if (i % 3 != 0) $aboutSlide .find("li:last-child > div") .append( '
' + aboutBoxArray[i] + "
" ); } else { if (i % 4 == 0) $aboutSlide.append( '
' + '
' + aboutBoxArray[i] + "
" + "
" ); if (i % 4 != 0) $aboutSlide .find("li:last-child > div") .append( '
' + aboutBoxArray[i] + "
" ); } } $aboutSlide.find("li").each(function() { if ($(this).find("> div .box").length < 2) { $(this).find("> div").removeAttr("role"); $(this).find("> div .box").removeAttr("role"); } }); var omniTxt = "galaxy-s21-ultra:highlights:media-quote:select:"; $aboutSlide.find("li").each(function(i) { var title; if ($html.hasClass("s12")) { title = aboutTitleArr.slice(i * 2, i * 2 + 2).toString(); } else if ($html.hasClass("s3")) { title = aboutTitleArr.slice(i * 3, i * 3 + 3).toString(); } else { title = aboutTitleArr.slice(i * 4, i * 4 + 4).toString(); } $('' + pageTitle + ' ' + (i + 1) + ':' + title + '').appendTo($aboutSlidePaging); }); var meetSwipe = GALAXY.swipeAble; if ($html.hasClass('ie') && $html.hasClass('rtl')) { meetSwipe = false; } if ($html.hasClass('edge') && $html.hasClass('rtl')) { meetSwipe = false; } $aboutSlide.xlider({ swipe: meetSwipe, endless: true, arrows: [$aboutWrap.find('.m_btn_type1-prev'), $aboutWrap.find('.m_btn_type1-next')], paging: $aboutSlidePaging, onMove: function() { $aboutSlideWrap.find('li').removeClass('view'); $aboutSlideWrap.removeClass('ie-error'); }, onChange: function() { $aboutSlideWrap.find('li').removeClass('view'); $aboutSlideWrap.removeClass('ie-error'); }, onChangeEnd: function(i) { var select = $aboutSlidePaging.data('btn-title'); sliderOmni.remove(); $aboutSlideWrap.find('.xlider-current').removeClass('view').siblings().addClass('view'); $aboutSlidePaging.find('a').eq(i).attr('title', select).siblings().attr('title', ''); $aboutSlideWrap.addClass('ie-error'); } }); $aboutWrap.on('mousedown keydown', '.slide-paging a, arrow-wrap a', function(e) { sliderOmni.add(e, this); }); } var aboutSlideDestroy = function() { aboutBoxArray = []; $aboutSlidePaging.html(''); $aboutSlide.removeAttr('style').xlider('remove'); $aboutSlide.html(aboutSlideHtml); $aboutWrap.addClass('no-slide'); setTimeout(function() { $aboutSlide.find('img').each(function() { $(this).attr('src', $(this).attr('data-media-s4')); }); }, 10); } var changeSizeMode; var boxResizeFirst = true; GALAXY.resize(function() { var _sizeMode = GALAXY.sizeMode; if (_sizeMode != changeSizeMode) { changeSizeMode = _sizeMode; yvSlideDestroy(); yvSlideInit(); aboutSlideDestroy(); aboutSlideInit(); } });; function setWindowHeight(target) { var navH = $('#subnav, .floating-navigation__wrap').height() || 0; var winH = $(window).outerHeight(); $(target).height(winH - navH); } var eightCanvasMotion; var svg8K; var stickyProVideoSec = function() { var $8kSec = $('.m_feature-8k'); var $8kSticky = $8kSec.find('.sticky-wrap'); var $8kTitle = $8kSec.find('.f_header-type1'); var $8kCopy = $8kSec.find('.o_copy'); var $8kVideoWrap = $8kSec.find('.video-wrap'); var $8kCanvas = $8kSec.find('.canvas-8k'); var $8kSVGData = $8kSec.find('.svg-data'); var $8kScreenIcon = $8kVideoWrap.find('.icon-screen'); var $8kVideo = $8kVideoWrap.find('video'); var is8kVideo = ($8kVideo.length) ? true : false; var $8kVideoBtn = (is8kVideo) ? $8kSec.find('.btn_click-video') : false; var is8kPlay = false; var is8kReady = $8kVideo && $8kVideo.hasClass('ready'); var isScreenshotMan = false; var captureMotion = function() { var timeoutMotion; var _init = function() { if (is8kPlay && is8kVideo && is8kReady) { is8kPlay = false; $8kVideoBtn.off('click', GALAXY.tracking).trigger('click').on('click', GALAXY.tracking); } $8kVideoWrap.addClass('shot'); timeoutMotion = setTimeout(function() { $8kVideoWrap.removeClass('shot'); $8kVideoWrap.addClass('is-snap'); }, 200); if (is8kVideo) $8kVideoBtn.hide(); } var _destroy = function() { clearTimeout(timeoutMotion); $8kVideoWrap.removeClass('shot is-snap'); if (!is8kPlay && is8kVideo && is8kReady) { is8kPlay = true; $8kVideoBtn.off('click', GALAXY.tracking).trigger('click').on('click', GALAXY.tracking); } if (is8kVideo) $8kVideoBtn.show(); } var _resize = function() { // _init(); } // _init(); return { init: _init, destroy: _destroy, resize: _resize } }(); svg8K = function() { var _8Ksrc, _8KviewW, _8KviewH, _8KType; var _init = function() { if (GALAXY.sizeMode > 1) { _8Ksrc = $8kSVGData.data('src-s4'); _8KviewW = $8kSVGData.data('size-s4')[0]; _8KviewH = $8kSVGData.data('size-s4')[1]; _8KType = 'X'; } else { _8Ksrc = $8kSVGData.data('src-s1'); _8KviewW = $8kSVGData.data('size-s1')[0]; _8KviewH = $8kSVGData.data('size-s1')[1]; _8KType = 'Y'; } var eightOptions = { moveNode: $8kSticky, svgSrc: _8Ksrc, viewW: _8KviewW, viewH: _8KviewH, alignX: 'center', alignY: 'center', originX: 'center', originY: 'center', bgColor: _8kBgColor, motionType: _8KType }; eightCanvasMotion = new Fave.svgMask($8kCanvas, eightOptions); eightCanvasMotion.init(); } var _reset = function() { $8kTitle.removeAttr('style'); $8kCopy.removeAttr('style'); } var _resize = function() { _reset(); eightCanvasMotion && eightCanvasMotion.destroy(); eightCanvasMotion && _init(); } var _scroll = function(scrollT, moveArea) { is8kReady = $8kVideo && $8kVideo.hasClass('ready'); var step1 = getCurPercent(scrollT, 0, 0.4, moveArea); var step2 = getCurPercent(scrollT, 0.4, 0.1, moveArea); var step3 = getCurPercent(scrollT, 0.5, 0.1, moveArea); var step4 = getCurPercent(scrollT, 0.6, 0.1, moveArea); var step5 = getCurPercent(scrollT, 0.8, 0.2, moveArea); if ((step1 > 0 && step1 < 1) && !is8kPlay && is8kVideo && is8kReady) { is8kPlay = true; $8kVideoBtn.off('click', GALAXY.tracking).trigger('click').on('click', GALAXY.tracking); } else if (step1 == 0 && is8kPlay) { isPlay = false; } var _sMoveLeft; if (GALAXY.sizeMode > 1) { if (GALAXY.sizeMode > 2) { _sMoveLeft = ($window.width() + $8kTitle.outerWidth() * 2) * step1 * -1; } else if (GALAXY.sizeMode == 2) { _sMoveLeft = ($window.width() + $8kTitle.outerWidth()) * 2 * step1 * -1; } $8kTitle.__css({ x: _sMoveLeft }); } else { _sMoveLeft = ((($8kCanvas.height() * 2) + ($8kTitle.outerHeight() / 2)) * step1 * -1) - ($8kTitle.outerHeight() / 2); $8kTitle.__css({ y: _sMoveLeft }); } if (step1 > 0) { $8kVideoWrap.css('opacity', '1'); eightCanvasMotion && eightCanvasMotion.draw(step1); $8kSec.decideClass('motion-on', (step1 > 0.1)); } else { $8kVideoWrap.css('opacity', '0'); eightCanvasMotion && eightCanvasMotion.draw(0); $8kSec.removeClass('motion-on'); if (GALAXY.sizeMode > 1) { $8kTitle.__css({ x: 0 }); } } if (step2 > 0) { $8kCopy.__css({ alpha: step2 }); if (step2 == 1) { $8kScreenIcon.css('opacity', '1') } } else { $8kCopy.__css({ alpha: 0 }); $8kScreenIcon.css('opacity', '0'); } if (step3 > 0) { $8kCopy.__css({ alpha: 1 }); } if (step4 > 0) { $8kCopy.__css({ alpha: 1 - step4 }); } if (step5 > 0) { if (!isScreenshotMan) { isScreenshotMan = true; captureMotion.init(); } } else { if (isScreenshotMan) { isScreenshotMan = false; captureMotion.destroy(); } } } // _init(); return { init: _init, scroll: _scroll, resize: _resize, reset: _reset } }(); var oVideo = $8kSticky.faveSticky({ top: 'top', on: function() { is8kPlay = false; !eightCanvasMotion && svg8K.init(); }, onScroll: function(percent, scroll) { var _this = $(this).data('faveSticky'); var _moveArea = _this.moveArea(); svg8K.scroll(scroll, _moveArea); }, onResize: function() { if ($8kSec.closest('#contents').hasClass('p_s21-ultra')) { $8kSec.css({ marginTop: -($8kTitle.position().top * 0.75) }); } } }).data('faveSticky'); oVideo.resize(); }; GALAXY.load(stickyProVideoSec); var highlightSizeMode = GALAXY.sizeMode; $(window).resize(function() { setWindowHeight($('.m_feature-8k .sticky-inner')); if (highlightSizeMode != GALAXY.sizeMode) { svg8K && svg8K.resize(); highlightSizeMode = GALAXY.sizeMode; } else { eightCanvasMotion && eightCanvasMotion.resize(); } }); ; var hashSet; var hashArr = []; var hashModalArr = []; var a = false; $('[data-hashchange=true]').each(function() { if (!$(this).hasClass('modals_layer')) { hashArr.push(this.id.replace('#', '')); } else { hashModalArr.push(this.id.replace('#', '')); } }); //Modal Popup for 360 (function() { var $ctrl, $modal = $('
'), $clickAble = null, $baseContentsArea = $('#wrap'), $baseContentsClickAble, $modalContent, isModalShow = false, isKeyDown = false, $menuToggleButton, toggleTitle = {}, saveScrollTop; var _init = function() { $('body').append($modal); addEvent(); return this; }; var addEvent = function() { $ctrl = $('.f_compare-vr360 .c_btn_palette'); $ctrl.off('click.vr360').on('click.vr360', function() { $clickAble = $(this); show($clickAble.attr('href')); return false; }); hashCheck(); }; var show = function(target) { var $target = $(target); if (!$target.length) { return false; } if (isModalShow === true) { return false; } isModalShow = true; isKeyDown = false; GALAXY.setTransitionEndEvent($modal, shown); $modal.html($target.html()).addClass('is-show'); $modalContent = $modal.find('.modal-inner').attr({ tabindex: '0' }); $menuToggleButton = $modalContent.find('.btn_menus-toggle>button, .btn_menus-toggle>a'); $modalContent.css({ opacity: 0 }); $modal.find('.modal-close>a,.modal-close>button') .off('.modalHide') .on('click.modalHide', hide) .on('touchstart', function() { isKeyDown = true; }) .on('keydown.modalHide', hideKeyDown); Accessibillity.on(); vAlignCenter(); saveScrollTop = GALAXY.scrollTop; GALAXY.noScroll.on(); }; var shown = function() { selectedCopy = $modalContent.find('.o_tab-area').data('select'); $modalContent.find('.tab_color_list > li:first-child > a').addClass('on'); $modalContent.find('.tab_list_item > a').off('.chgDevice').on('click.chgDevice', chgDevice); $modalContent.find('.tab_list_item.on > a').attr({ title: selectedCopy }); $modalContent.find('.tab_color_list a.o_color-ctrl').off('click.chgColor').on('click.chgColor', chgColor).filter('.on').attr({ title: selectedCopy }); $modalContent.focus().find('a, button').off('click.omni').on('click.omni', actOmni); $menuToggleButton.off('.hamburger').on('click.hamburger', togMenus).on('keyup.hamburger blur.hamburger', function(e) { if (e.type == 'keyup') { if (e.which == 9) $(this).addClass('focus'); } else { $(this).removeClass('focus'); } }); toggleTitle = { open: $menuToggleButton.find('>span').text(), close: $menuToggleButton.data('close-title') }; chgIframe(); }; var hide = function() { GALAXY.setTransitionEndEvent($modal, hiden); $modal.removeClass('is-show'); $('#wrap').length && $('#wrap').css({ opacity: 0 }); $modalContent = null; }; var hiden = function() { isModalShow = false; Accessibillity.off(); $('#wrap').length && $('#wrap').css({ opacity: 1 }); if (isKeyDown) { $clickAble.focus(); } $clickAble = null; $modal.empty().removeClass('is-valign-center'); location.hash = ''; GALAXY.noScroll.off(); GALAXY.setScrollTop(saveScrollTop); setTimeout(function() { $ctrl.focus(); }, 100); } var hideKeyDown = function() { if (event.keyCode == 13) { isKeyDown = true; } } var actOmni = function() { var omni = this.dataset.omni; omni && GALAXY.omniture(omni); } var vAlignCenter = function() { isModalShow && setTimeout(function() { $modal.decideClass('is-valign-center', $modalContent.outerHeight() < GALAXY.areaHeight); $modalContent.css({ opacity: 1 }); }, 0); }; var chgIframe = function() { var $iframe = $modalContent.find('iframe'); var iframeSrc = $iframe.data('src'); var $selectItem = $modalContent.find('.tab_list_item.on'); if (!$selectItem.length) { $selectItem = $modalContent.find('.tab_list_item:first').addClass('on'); $selectItem.find('>a').attr({ title: selectedCopy }); } var selectDevice = $selectItem.find('>a').data('device'); var selectColor = $selectItem.find('.o_color-ctrl.on').data('color'); var paramDevice = 'model_name=' + selectDevice; var paramColor = 'color=' + selectColor; iframeSrc = [iframeSrc, paramDevice, paramColor].join('&'); $iframe.attr({ src: iframeSrc }); }; var chgDevice = function() { var $this = $(this); if (!$this.parent().hasClass('on')) { $modalContent.find('.tab_list_item').removeClass('on').find('>a').attr({ title: '' }); $this.attr({ title: selectedCopy }); $this.parent().addClass('on'); chgIframe(null, true); } return false; }; var chgColor = function() { var $this = $(this); var $iframe = $modalContent.find('iframe'); var s = $iframe.attr('src'); if (!$this.hasClass('on')) { $this.parents('.tab_color_list').find('a').removeClass('on').attr({ title: '' }); $this.addClass('on').attr({ title: selectedCopy }); s = s.split('#')[0] + '#color=' + this.dataset.color; $iframe.attr({ src: s }); }; return false; }; var togMenu = { open: function() { $('.modal-wrapper').one('click.closeMenuLayer', togMenu.close); $menuToggleButton.find('span').text(toggleTitle.close); $modalContent.addClass('is-menu-open'); $modalContent.find('.modal-close>a').attr({ 'aria-hidden': 'true', 'tabindex': '-1' }); $modalContent.find('iframe').attr({ 'aria-hidden': 'true', 'tabindex': '-1' }); $('.modal-header').attr({ 'aria-hidden': 'true', 'tabindex': '-1' }); }, close: function() { $menuToggleButton.find('span').text(toggleTitle.open); $modalContent.removeClass('is-menu-open'); $modalContent.find('.modal-close>a').attr({ 'aria-hidden': '', 'tabindex': '' }); $modalContent.find('iframe').attr({ 'aria-hidden': '', 'tabindex': '' }); $('.modal-header').attr({ 'aria-hidden': '', 'tabindex': '' }); } }; var togMenus = function() { $('.modal-wrapper').off('click.closeMenuLayer'); var isMenusStatus = !$modalContent.hasClass('is-menu-open'); togMenu[isMenusStatus ? 'open' : 'close'](); return false; }; var hashCheck = function() { var hashname = location.hash; if ($ctrl.attr('href') == hashname) { show($ctrl.attr('href')); } } var Accessibillity = { on: function() { $baseContentsArea.attr('aria-hidden', 'true'); $baseContentsClickAble = $baseContentsArea.find('a,input,select,textarea,button,video,iframe'); $baseContentsClickAble.each(function() { var tabindex = $(this).attr('tabindex'); if (tabindex !== undefined && tabindex !== null) { $(this).data('prev-tabindex', tabindex); $(this).attr('aria-hidden', 'true'); } $(this).attr('tabindex', '-1'); $(this).attr('aria-hidden', 'true'); }); if ($('html').hasClass('dotcom')) { accessibillityLayers.on($('#consent_blackbar')); accessibillityLayers.on($('#teconsent')); } }, off: function() { $baseContentsArea.attr('aria-hidden', ''); $baseContentsClickAble.each(function() { var tabindex = $(this).data('prev-tabindex'); if (tabindex !== undefined && tabindex !== null) { $(this).attr('tabindex', tabindex); $(this).attr('aria-hidden', ''); } else { $(this).removeAttr('tabindex'); $(this).attr('aria-hidden', ''); } }); if ($('html').hasClass('dotcom')) { accessibillityLayers.off($('#consent_blackbar')); accessibillityLayers.off($("#teconsent")); } } }; var _resize = function() { if (!isModalShow) { return false; } if (!$modalContent.length) { return false; } if (GALAXY.sizeMode > 2 && $modalContent.hasClass('is-menu-open')) { togMenu.close(); } vAlignCenter(); }; return { fave: _init, show: show, hide: hide, resize: _resize } })().fave() var hashScroll = function() { var _hash2 = window.location.href.split('#')[1]; var _hash = window.location.hash.replace('#', ''); var _h = 0; var _hashTop = 0; var isHashCheck = (hashArr.indexOf(_hash) > -1 || hashModalArr.indexOf(_hash) > -1); if (!isHashCheck) { return; } clearTimeout(hashSet); hashSet = setTimeout(function() { if (hashModalArr.indexOf(_hash) > -1) { Fave.modals.show('#' + _hash); } else { if ($('.modals.show').length) { Fave.modals.hide(); }; _h = $('#' + _hash).offset().top; if (_hash == 'epic-8k-video') { // _h = $('.m_content-pro_video').offset().top; if ($('html').hasClass('s34')) { _hashTop = 870; } if ($('html').hasClass('s2')) { _hashTop = 870; } if ($('html').hasClass('s1')) { _hashTop = 900; } } if (_hash == 'epic-8k-video-snap') { _h = $('.m_content-pro_video').offset().top; if ($('html').hasClass('s34')) { _hashTop = 1520; } if ($('html').hasClass('s2')) { _hashTop = 1370; } if ($('html').hasClass('s1')) { _hashTop = 1900; } } if (_hash == 'high-resolution-camera') { _h = $('.m_content-camera').offset().top; if ($('html').hasClass('s34')) { _hashTop = 500; } if ($('html').hasClass('s2')) { _hashTop = 500; } if ($('html').hasClass('s1')) { _hashTop = 550; } } if (_hash == 's-pen') { _h = $('.m_content-spen').offset().top; if ($('html').hasClass('s2')) { _hashTop = -60; } if ($('html').hasClass('s1')) { _hashTop = -60; } } if (_hash == 'accessories') { _h = $('.m_content-acc').offset().top; if ($('html').hasClass('s2')) { _hashTop = -60; } if ($('html').hasClass('s1')) { _hashTop = -60; } } if (_hash == 'screen-mirror') { _h = $('.m_feature-ecosystem').offset().top; if ($('html').hasClass('s34')) { _hashTop = 500; } } if (_hash == 'big-screen-chat') { _h = $('.m_feature-interactive').offset().top; if ($('html').hasClass('s34')) { _hashTop = 2300; } if ($('html').hasClass('s2')) { _hashTop = 40; } if ($('html').hasClass('s1')) { _hashTop = 0; } } if (_hash == 'motion-mirror') { _h = $('.m_feature-interactive').offset().top; if ($('html').hasClass('s34')) { _hashTop = 3450; } if ($('html').hasClass('s2')) { _hashTop = 1200; } if ($('html').hasClass('s1')) { _hashTop = 680; } } if (_hash == 'hi-res-108mp') { if ($('html').hasClass('s1')) { _hashTop = 2000; } else if ($('html').hasClass('s2')) { _hashTop = $(window).height(); } else { _hashTop = $(window).height() / 4; } } } GALAXY.setSmoothScrollTop(_h + parseInt(_hashTop), 300); $('#' + _hash).attr({ 'tabindex': '0' }).focus().blur().removeAttr('tabindex'); }, 1000); } GALAXY.load(hashScroll); window.addEventListener('hashchange', function() { hashScroll(); }); ; var portraitTouchChk = false; var portraitsSlide = function() { var $sectionPortraits = $('.m_content-portraits'); var $portraitsSlide = $sectionPortraits.find('.portraits-slide'); var $portraitsSlidePaging = $sectionPortraits.find('.portraits-paging .inner'); var idx = 0; $portraitsSlide.find('li').each(function(i) { var thisBtnName = $(this).data('btn-name'); var thisBtnTitle = $(this).data('btn-title'); var thisBtnOmni = $(this).data('btn-omni'); $portraitsSlidePaging.append('' + thisBtnName + ''); }); $portraitsSlide.find('li').css('display', 'none'); $portraitsSlide.find('li').eq(0).css({ 'opacity': 1, 'z-index': 1, 'display': 'block' }).addClass('on'); $portraitsSlidePaging.find('a').eq(0).addClass('on'); var portraitsSelectedTxt = $sectionPortraits.find('.portraits-slide-wrap').data('btn-title'); $('.portraits-paging .inner a').each(function() { $(this).attr('title', ''); }); $sectionPortraits.find('.txt').text($portraitsSlide.find('li').eq(0).find('figcaption').text()); $('.portraits-paging .inner a.on').attr('title', portraitsSelectedTxt); $portraitsSlidePaging.find('a').on('click', function() { idx = $(this).index(); portraitsFade(idx); if (!$('html').hasClass('dotcom')) GALAXY.omniture($portraitsSlide.find('li').eq(idx).data('btn-omni')); return false; }); var portraitsFade = function(idx) { $portraitsSlidePaging.find('a').not(idx).removeClass('on'); $portraitsSlidePaging.find('a').eq(idx).addClass('on'); $portraitsSlide.find('li').not(idx).removeClass('on').css('zIndex', 0); $portraitsSlide.find('li').eq(idx).addClass('on').css({ 'zIndex': 1, 'display': 'block' }).animate({ 'opacity': 1 }, 300, function() { $portraitsSlide.find('li').not('.on').css({ 'opacity': 0, 'display': 'none' }); var prevIdx = idx; var nextIdx = idx; (prevIdx == 0) ? prevIdx = $portraitsSlide.find('li').length - 1: prevIdx--; (nextIdx == $portraitsSlide.find('li').length - 1) ? nextIdx = 0: nextIdx++; $('.portraits-paging a').each(function() { $(this).attr('title', ''); }); $('.portraits-paging a.on').attr('title', portraitsSelectedTxt); $sectionPortraits.find('.txt').text($portraitsSlide.find('li').eq(idx).find('figcaption').text()); }); } $sectionPortraits.find('.portraits-slide-wrap').off('touchstart').on('touchstart', function(e) { __prevPageX = e.pageX; __prevPageY = e.pageY; if (e.type == 'touchstart') { __prevPageX = e.originalEvent.touches[0].pageX; __prevPageY = e.originalEvent.touches[0].pageY; } if (!$.browser.mobile) { e.preventDefault(); } portraitTouchChk = true; }); $sectionPortraits.find('.portraits-slide-wrap').bind('touchmove', function(e) { var __afterPageX = e.pageX; var __afterPageY = e.pageY; if (portraitTouchChk) { if (e.type == 'touchmove') { __afterPageX = e.originalEvent.touches[0].pageX; __afterPageY = e.originalEvent.touches[0].pageY; } } __movePoint = __afterPageX - __prevPageX; __movePointy = __afterPageY - __prevPageY; if (Math.abs(__movePoint) > Math.abs(__movePointy)) { __movedirection = 'x'; } else { __movedirection = 'y' } if ((__movedirection == 'x') && ($.browser.mobile)) { e.preventDefault(); } }); $sectionPortraits.find('.portraits-slide-wrap').bind('touchend', function(e) { __movePointyModify = Math.abs(__movePointy); if ((__movedirection == 'x') && (Math.abs(__movePoint) > 30)) { var curList = $sectionPortraits.find('.portraits-slide').find('li.on').index(); if (__movePoint > 30) { (idx == 0) ? idx = $portraitsSlide.find('li').length - 1: idx--; } else if (__movePoint < -30) { (idx == $portraitsSlide.find('li').length - 1) ? idx = 0: idx++; } } portraitsFade(idx); if (!$('html').hasClass('dotcom')) GALAXY.omniture($portraitsSlide.find('li').eq(idx).data('btn-omni')); portraitTouchChk = false; }); } GALAXY.load(portraitsSlide);; var $html = $('html'); var $window = $(window); var nightMode; var nightMaskMotion; var _nightMaskPer = 0; var $nightWrap = $('.m_feature-night_mode'); var $nightModeSticky = $nightWrap.find('.sticky-wrap'); var bgImgSrc; var InImgSrc; var nightmodeMaskLoad = false; GALAXY.load(function() { nightMode = function() { var _maskInit = function() { if (GALAXY.sizeMode < 2) { bgImgSrc = '//images.samsung.com/is/image/samsung/assets/hk/smartphones/galaxy-s21-ultra-5g/images/galaxy-s21-ultra-5g_highlights_night_mode_off_s.jpg'; InImgSrc = '//images.samsung.com/is/image/samsung/assets/hk/smartphones/galaxy-s21-ultra-5g/images/galaxy-s21-ultra-5g_highlights_night_mode_on_s.jpg'; } else if (GALAXY.sizeMode > 2) { bgImgSrc = '//images.samsung.com/is/image/samsung/assets/hk/smartphones/galaxy-s21-ultra-5g/images/galaxy-s21-ultra-5g_highlights_night_mode_off.jpg'; InImgSrc = '//images.samsung.com/is/image/samsung/assets/hk/smartphones/galaxy-s21-ultra-5g/images/galaxy-s21-ultra-5g_highlights_night_mode_on.jpg'; } else { bgImgSrc = '//images.samsung.com/is/image/samsung/assets/hk/smartphones/galaxy-s21-ultra-5g/images/galaxy-s21-ultra-5g_highlights_night_mode_off_m.jpg'; InImgSrc = '//images.samsung.com/is/image/samsung/assets/hk/smartphones/galaxy-s21-ultra-5g/images/galaxy-s21-ultra-5g_highlights_night_mode_on_m.jpg'; } var nightModeOptions = { moveNode: $nightModeSticky, svgSrc: '//images.samsung.com/is/content/samsung/assets/hk/smartphones/galaxy-s21-ultra-5g/images/galaxy-s21-ultra-5g_highlights_night_mode_circle.svg', bgImgSrc: bgImgSrc, maskInImgSrc: InImgSrc, maskImgY: 'top', viewW: 100, viewH: 100, minScale: '0', maxScale: '5', originX: '35', originY: '20', alignX: 'center', alignY: 'bottom', bgColor: 'transparent', motionType: 's', blandingMode: 'source-in' }; nightMaskMotion = new Fave.svgMask($nightModeSticky.find('.canvas-night_mode'), nightModeOptions); nightMaskMotion.init(); }; var _sticky = function() { var $summaryTitle = $nightWrap.find('.m_feature-header'); var $innerTitle = $nightWrap.find('.f_header-type1'); $nightWrap.find('.sticky-wrap').faveSticky({ top: 'auto', on: function() { nightmodeMaskLoad = true; _maskInit(); }, onScroll: function(per, scr) { var _this = $(this).data('faveSticky'), _moveArea = _this.moveArea(), _step1Move = _moveArea * 0.5, _step2Move = _moveArea * 0.5, step1 = Math.min(1, scr / _step1Move), step2 = Math.min(1, (scr - _step1Move) / _step2Move); step1 = Math.min(1, Math.max(0, step1)); step2 = Math.min(1, Math.max(0, step2)); if (step1 < 1) { $innerTitle.css({ 'opacity': Math.min(Math.max(0, step1 * 2), 1) }); } else { $innerTitle.css({ 'opacity': 1 - Math.min(Math.max(0, step2 * 5), 1) }); } if (nightmodeMaskLoad) { nightMaskMotion.draw(step2); _nightMaskPer = step2; } } }); }; var _resize = function() { nightMaskMotion.resize(); if (GALAXY.sizeMode != GALAXY.prevSizeMode) { nightMaskMotion.destroy(); _maskInit(); } }; return { resize: _resize, sticky: _sticky } }; nightMode().sticky(); }); var nightModeResize = function() { if (nightmodeMaskLoad) { nightMode().resize(); setTimeout(function() { nightMaskMotion.draw(_nightMaskPer); }, 100); } }; GALAXY.load(nightModeResize); $window.on('resize', Fave.resize(nightModeResize, 600));; var cameraCrop; var crop108mpMotion; var _cropSvgPer = 0; var $proGradeSec = $('.pro-108mp-wrap'); var cropSvgLoad = false; GALAXY.load(function() { cameraCrop = function() { var $crop108mpSticky = $proGradeSec.find('.sticky-wrap'); var $maskWrap = $proGradeSec, _winW = $window.width(), _winH = $window.height(), _defaultZoomImgW, _moveZoomImgW, _defaultZoomImgH, _moveZoomImgH, $backNum = $maskWrap.find('.back-num'), $cropWrap = $maskWrap.find('.crop-wrap'), $dim = $cropWrap.find('.dim-box'), $lineBox = $cropWrap.find('.line-box'), _zoomImgW, _zoomImgH, _topLine, _leftLine, _bottomLine, _rightLine, _inLine1, _inLine2, _inLine3, _inLine4, svgImgSrc, bgImgSrc, txtMotionType, _viewW, _viewH, _endGap = 100; var _maskInit = function() { if (GALAXY.sizeMode < 3) { svgImgSrc = '//images.samsung.com/is/content/samsung/assets/hk/smartphones/galaxy-s21-ultra-5g/images/galaxy-s21-ultra-5g_highlights_108mp_s.svg'; bgImgSrc = '//images.samsung.com/is/image/samsung/assets/hk/smartphones/galaxy-s21-ultra-5g/images/galaxy-s21-ultra-5g_highlights_pro_food_m.jpg'; _viewW = 450; _viewH = 1510; txtMotionType = 'Y'; } else { svgImgSrc = '//images.samsung.com/is/content/samsung/assets/hk/smartphones/galaxy-s21-ultra-5g/images/galaxy-s21-ultra-5g_highlights_108mp.svg'; bgImgSrc = '//images.samsung.com/is/image/samsung/assets/hk/smartphones/galaxy-s21-ultra-5g/images/galaxy-s21-ultra-5g_highlights_pro_food.jpg'; _viewW = 2908; _viewH = 909; txtMotionType = 'X'; } var cropOptions = { moveNode: $crop108mpSticky, svgSrc: svgImgSrc, bgImgSrc: bgImgSrc, viewW: _viewW, viewH: _viewH, alignX: 'center', alignY: 'center', bgColor: '#000', motionType: txtMotionType, blandingMode: 'source-in' }; crop108mpMotion = new Fave.svgMask($crop108mpSticky.find('.canvas-108mp'), cropOptions); crop108mpMotion.init(); }; var _sticky = function() { $crop108mpSticky.faveSticky({ top: 'center', on: function() { cropSvgLoad = true; _maskInit(); }, onScroll: function(percent, scroll) { var _this = $(this).data('faveSticky'), _moveArea = _this.moveArea() - _endGap; if (_winW >= 1920) _winW = 1920; if ($html.hasClass('s34')) { _moveCropImgW = 1354; _defaultZoomImgW = 736; _moveZoomImgW = 1380; _defaultZoomImgH = 414; _moveZoomImgH = 780; } if ($html.hasClass('s2')) { _moveCropImgW = 1158; _defaultZoomImgW = 329; _moveZoomImgW = 480; _defaultZoomImgH = 509; _moveZoomImgH = 740; } if ($html.hasClass('s1')) { _moveCropImgW = 766; _defaultZoomImgW = 218; _moveZoomImgW = 310; _defaultZoomImgH = 337; _moveZoomImgH = 480; } var _step1Move = _moveArea * 0.5; var _maskTop = ($(window).height() < 1090) ? parseInt($(this).find('.sticky-inner').css('top')) : 0; var step1 = Math.min(1, (scroll + _maskTop) / _step1Move); step1 = Math.min(1, Math.max(0, step1)); var _step2Move = _moveArea * 0.3; var step2 = Math.min(1, (scroll - _step1Move) / _step2Move); step2 = Math.min(1, Math.max(0, step2)); var _step3Move = _moveArea * 0.2; var step3 = Math.min(1, (scroll - _step1Move - _step2Move) / _step3Move); step3 = Math.min(1, Math.max(0, step3)); _zoomImgW = _defaultZoomImgW + Math.floor(Math.min(_moveZoomImgH, Math.max(0, (scroll - _step1Move - _step2Move) * (_moveZoomImgW - _defaultZoomImgW) / (_step3Move)))); _zoomImgH = _defaultZoomImgH + Math.floor(Math.min(_moveZoomImgH, Math.max(0, (scroll - _step1Move - _step2Move) * (_moveZoomImgH - _defaultZoomImgH) / (_step3Move)))); _moveCropImgW2 = (_moveCropImgW * _zoomImgW) / _defaultZoomImgW; if (cropSvgLoad) { if (step1 < 1) { crop108mpMotion.draw(step1); $cropWrap.removeClass('active line-active'); } else { crop108mpMotion.draw(1); $cropWrap.addClass('active line-active'); } _cropSvgPer = step1; } if (step2 < 1) { $dim.css({ 'opacity': Math.min(Math.max(0, step2), 0.65) }); _topLine = Math.min(Math.max(0, (percent - 0.55) * 40), 1); _leftLine = Math.min(Math.max(0, (percent - 0.578) * 40), 1); _bottomLine = Math.min(Math.max(0, (percent - 0.605) * 40), 1); _rightLine = Math.min(Math.max(0, (percent - 0.63) * 40), 1); _inLine1 = Math.min(Math.max(0, (percent - 0.55) * 9.5), 1); _inLine2 = Math.min(Math.max(0, (percent - 0.55) * 9.5), 1); _inLine3 = Math.min(Math.max(0, (percent - 0.55) * 9.5), 1); _inLine4 = Math.min(Math.max(0, (percent - 0.55) * 9.5), 1); $lineBox.find('.line-t').css({ 'width': (_topLine * 100) + '%' }); $lineBox.find('.line-l').css({ 'height': (_leftLine * 100) + '%' }); $lineBox.find('.line-b').css({ 'width': (_bottomLine * 100) + '%' }); $lineBox.find('.line-r').css({ 'height': (_rightLine * 100) + '%' }); $lineBox.find('.line-in-1').css({ 'height': (_inLine1 * 100) + '%' }); $lineBox.find('.line-in-2').css({ 'height': (_inLine2 * 100) + '%' }); $lineBox.find('.line-in-3').css({ 'width': (_inLine3 * 100) + '%' }); $lineBox.find('.line-in-4').css({ 'width': (_inLine3 * 100) + '%' }); $cropWrap.css({ 'width': _moveCropImgW, }); $lineBox.css({ 'width': _defaultZoomImgW, 'height': _defaultZoomImgH }); } else { $lineBox.find('.line-t').css({ 'width': '100%' }); $lineBox.find('.line-l').css({ 'height': '100%' }); $lineBox.find('.line-b').css({ 'width': '100%' }); $lineBox.find('.line-r').css({ 'height': '100%' }); $lineBox.find('.line-in-1').css({ 'height': '100%' }); $lineBox.find('.line-in-2').css({ 'height': '100%' }); $lineBox.find('.line-in-3').css({ 'width': '100%' }); $lineBox.find('.line-in-4').css({ 'width': '100%' }); $dim.css({ 'opacity': Math.min(Math.max(0.65, 0.65 + step3), 1) }); } if (step3 < 1) { $cropWrap.css({ 'width': Math.floor(_moveCropImgW2), }); $lineBox.css({ 'width': Math.min(_moveZoomImgW, _zoomImgW), 'height': Math.min(_moveZoomImgH, _zoomImgH) }); } else { $lineBox.css({ 'width': _moveZoomImgW, 'height': _moveZoomImgH }); _moveCropImgW2 = (_moveCropImgW * _moveZoomImgW) / _defaultZoomImgW; $cropWrap.addClass('active line-active').css({ 'width': Math.floor(_moveCropImgW2), }); $dim.css({ 'opacity': 1 }); } } }) }; var _resize = function() { crop108mpMotion.resize(); if (GALAXY.sizeMode != GALAXY.prevSizeMode) { crop108mpMotion.destroy(); _maskInit(); } }; return { resize: _resize, sticky: _sticky } } cameraCrop().sticky(); }); var on108mpResize = function() { cameraCrop().sticky(); if (cropSvgLoad) { cameraCrop().resize(); setTimeout(function() { crop108mpMotion.draw(_cropSvgPer); }, 100); } }; GALAXY.load(on108mpResize); $window.on('resize', Fave.resize(on108mpResize, 600));; // how to yotube $(document).on('click', '.btn_yt', function(e) { e.preventDefault(); GALAXY.vodPlayer.show(this.href, this, true); var desc = ($(this).parent().find('.youtube-desc').length) ? $(this).parent().find('.youtube-desc').clone().removeAttr('aria-hidden', 'false') : null; $('.m_layer-youtube.show iframe').attr('title', $(this).data('title')); clearTimeout(waTimer); waTimer = setTimeout(function() { $('.m_layer-youtube.show').find('.c_btn_close-type1').focus(); }, 1500); if (desc != null) $('.m_layer-youtube.show').find('.m_video_view').append(desc); if ($('html').hasClass('dotcom')) { accessibillityLayers.on($('#teconsent')); } }); //wa $(document).on('click', '.m_layer-youtube .c_btn_close-type1', function(e) { if ($('html').hasClass('dotcom')) { accessibillityLayers.off($('#teconsent')); } }); // focus moving GALAXY.load(function() { $('#contents, .m_dotcom_footer').find('a, video').on('keyup', function(e) { if (!$(this).closest('.chip-wrap').not('.firefox .chip-wrap').length && !$(this).closest('.m_feature-5g').not('.firefox .m_feature-5g').length && !$(this).closest('.m_feature-interactive').not('.firefox .m_feature-interactive').length) { if (e.keyCode == 9) { GALAXY.setScrollTop($(this).offset().top - GALAXY.areaHeight / 2); }; }; }); $('#sideMenus a').on('keyup', function() { if (event.keyCode == 9) { if (GALAXY.sizeMode > 2 && !$html.hasClass('s1')) { GALAXY.setScrollTop($('.nav-inner').offset().top + $('.nav-inner').height() / 2 - GALAXY.areaHeight / 2); } else if (GALAXY.sizeMode == 1 && !$html.hasClass('landscape')) { GALAXY.setScrollTop($('#wrap').offset().top); } } }); if ($html.hasClass('ie')) { $('.m_feature-youtube .youtube-slide .youtube-video li .thumb a').on('focus', function() { $('.m_feature-youtube .youtube-slide .youtube-video').addClass('position-set'); }); } }); GALAXY.resize(function() { $html.removeClass('static-check'); if ($html.hasClass('landscape')) { $('.landscape-cont').parent().each(function() { var _this = $(this); _this.find('.sticky-wrap').attr({ 'aria-hidden': true }); }) } else { $('.landscape-cont').parent().each(function() { var _this = $(this); _this.find('.sticky-wrap').removeAttr('aria-hidden') }) } if ($html.hasClass('desktop') && !$html.hasClass('s12')) { if (window.innerHeight < 850) { $html.addClass('static-check'); $('.m_feature-5g .sticky-wrap').attr({ 'aria-hidden': true }); } else { $html.removeClass('static-check'); $('.m_feature-5g .sticky-wrap').removeAttr('aria-hidden') } } }); var newResizeTimer; GALAXY.resize(function() { clearTimeout(newResizeTimer); newResizeTimer = setTimeout(function() { if (GALAXY.sizeMode < 3) { var orientation = window.screen.orientation; if (orientation.type === "portrait-primary") { $('html').removeClass('landscape'); } else if (orientation.type === "landscape-secondary") { $('html').addClass('landscape'); } } }, 300); }); //
// GALAXY.initialize(); }) });