fix:【光环助手】“视频横屏滑动”专题视频播放问题 https://jira.shanqu.cc/browse/GHZSCY-6939

.gitlab-ci.yml

@@ -72,6 +72,8 @@ android_build:
   only:
     - dev
     - release
+    - feat/GHZSCY-6866
+    - fix/GHZSCY-6939
 
 # 代码检查
 sonarqube_analysis:
@@ -157,3 +159,5 @@ oss-upload&send-email:
     only:
         - dev
         - release
+        - feat/GHZSCY-6866
+        - fix/GHZSCY-6939

app/src/main/java/com/gh/common/iinterface/ISmartRefreshContent.kt

@@ -1,12 +1,9 @@
 package com.gh.common.iinterface
 
-interface ISmartRefreshContent {
-    /**
-     * 启用/关闭 页面滑动
-     * @param isScrollEnabled 是否启用
-     */
-    fun setScrollEnabled(isScrollEnabled: Boolean)
+import com.scwang.smartrefresh.layout.api.RefreshLayout
+import com.scwang.smartrefresh.layout.constant.RefreshState
 
+interface ISmartRefreshContent {
     fun onRefresh()
 
     /**
@@ -14,4 +11,6 @@ interface ISmartRefreshContent {
      * @param isSwipeRefreshEnabled 是否启用
      */
     fun setSwipeRefreshEnabled(isSwipeRefreshEnabled: Boolean)
+
+    fun onStateChanged(refreshLayout: RefreshLayout, oldState: RefreshState, newState: RefreshState)
 }

app/src/main/java/com/gh/gamecenter/home/custom/CustomPageFragment.kt

@@ -69,6 +69,9 @@ import com.gh.gamecenter.wrapper.SearchToolbarTabWrapperViewModel
 import com.halo.assistant.HaloApp
 import com.lightgame.download.DataWatcher
 import com.lightgame.download.DownloadEntity
+import com.scwang.smartrefresh.layout.api.RefreshLayout
+import com.scwang.smartrefresh.layout.constant.RefreshState
+import com.shuyu.gsyvideoplayer.video.base.GSYVideoView
 import org.greenrobot.eventbus.Subscribe
 import org.greenrobot.eventbus.ThreadMode
 
@@ -743,7 +746,7 @@ class CustomPageFragment : LazyFragment(), ISmartRefreshContent, IScrollable {
         }
     }
 
-    override fun setScrollEnabled(isScrollEnabled: Boolean) {
+    private fun setScrollEnabled(isScrollEnabled: Boolean) {
         if (::layoutManager.isInitialized) {
             layoutManager.isScrollVerticallyEnabled = isScrollEnabled
         }
@@ -759,6 +762,32 @@ class CustomPageFragment : LazyFragment(), ISmartRefreshContent, IScrollable {
         }
     }
 
+    override fun onStateChanged(refreshLayout: RefreshLayout, oldState: RefreshState, newState: RefreshState) {
+        if (oldState == RefreshState.None && newState == RefreshState.PullDownToRefresh) {
+            pauseVideo()
+        } else if ((oldState == RefreshState.TwoLevelFinish || oldState == RefreshState.RefreshFinish) && newState == RefreshState.None) {
+            val currentPlayer = scrollCalculatorHelper.currentPlayer
+            if (currentPlayer == null) {
+                scrollCalculatorHelper.playIfValid()
+            } else if (currentPlayer.currentState == GSYVideoView.CURRENT_STATE_PAUSE) {
+                resumeVideo()
+            }
+        }
+
+        when (newState) {
+            RefreshState.TwoLevel -> {
+                setScrollEnabled(false)
+            }
+            RefreshState.None -> {
+                setScrollEnabled(true)
+            }
+
+            else -> {
+                // do nothing
+            }
+        }
+    }
+
     override fun scrollToTop() {
         if (::binding.isInitialized) {
             binding.gameList.stopScroll()

app/src/main/java/com/gh/gamecenter/home/custom/ui/CommonContentHomeSlideWithCardsUi.kt

@@ -363,7 +363,7 @@ class CommonContentHomeSlideWithCardsUi(
                 homeSlideCardItemBinding.cardIv.visibility = View.VISIBLE
                 // 防止重复加载图片导致闪烁
                 if (homeSubSlide.image != cardIv.getTag(R.string.tag_img_url_id)) {
-                    ImageUtils.display(cardIv, homeSubSlide.image, false, AlphaGradientProcess())
+                    ImageUtils.display(cardIv, homeSubSlide.image, true, AlphaGradientProcess())
                     cardIv.setTag(R.string.tag_img_url_id, homeSubSlide.image)
                 }
                 ConstraintSet().apply {
@@ -398,7 +398,7 @@ class CommonContentHomeSlideWithCardsUi(
                 descTv.text = homeSubSlide.cardDesc
                 // 防止重复加载图片导致闪烁
                 if (homeSubSlide.image != cardIv.getTag(R.string.tag_img_url_id)) {
-                    ImageUtils.display(cardIv, homeSubSlide.image, false, AlphaGradientProcess())
+                    ImageUtils.display(cardIv, homeSubSlide.image, true, AlphaGradientProcess())
                     cardIv.setTag(R.string.tag_img_url_id, homeSubSlide.image)
                 }
                 ConstraintSet().apply {

app/src/main/java/com/gh/gamecenter/home/custom/viewholder/CustomHomeGameItemViewHolder.kt

@@ -109,7 +109,9 @@ class CustomHomeGameItemViewHolder(
                     item.linkColumn?.id ?: ""
                 )
             }
-            binding.gameBrief.text = game.recommendText
+            binding.gameBrief.goneIf(game.recommendText.isEmpty()) {
+                binding.gameBrief.text = game.recommendText
+            }
             binding.gameImage.visibleIf(game.showImage) {
                 if (game.isWechatMiniGame()) {
                     ImageUtils.display(binding.gameImage, game.banner)

app/src/main/java/com/gh/gamecenter/home/video/ScrollCalculatorHelper.kt

@@ -29,7 +29,10 @@ class ScrollCalculatorHelper(
 
     fun enableAndPlayIfValid() {
         isEnabled = true
+        playIfValid()
+    }
 
+    fun playIfValid() {
         if (mListRv.isAttachedToWindow
             && mListRv.scrollState == RecyclerView.SCROLL_STATE_IDLE) {
             playVideo(mListRv)

app/src/main/java/com/gh/gamecenter/wrapper/SearchToolbarTabWrapperFragment.kt

@@ -43,6 +43,8 @@ import com.gh.gamecenter.common.entity.LinkEntity
 import com.gh.gamecenter.common.eventbus.EBReuse
 import com.gh.gamecenter.common.exposure.ExposureSource
 import com.gh.gamecenter.common.json.json
+import com.gh.gamecenter.common.observer.MuteCallback
+import com.gh.gamecenter.common.observer.VolumeObserver
 import com.gh.gamecenter.common.utils.*
 import com.gh.gamecenter.common.view.TabIndicatorView
 import com.gh.gamecenter.core.iinterface.IScrollable
@@ -162,6 +164,20 @@ class SearchToolbarTabWrapperFragment : BaseTabWrapperFragment(), ISearchToolbar
     private val twoLinesTabToolbarHeight = 48F.dip2px()
 
     private var autoVideoView: AutomaticVideoView? = null
+    private val volumeObserver by lazy {
+        VolumeObserver(object : MuteCallback {
+            override fun onMute(isMute: Boolean) {
+                if (::binding.isInitialized) {
+                    binding.muteIv.setImageResource(if (isMute) R.drawable.ic_basic_offsound else R.drawable.ic_basic_onsound)
+                }
+                if (isMute) {
+                    autoVideoView?.mute()
+                } else {
+                    autoVideoView?.unMute()
+                }
+            }
+        })
+    }
 
     private var searchStyle: BottomTab.SearchStyle? = null
         set(value) {
@@ -552,6 +568,8 @@ class SearchToolbarTabWrapperFragment : BaseTabWrapperFragment(), ISearchToolbar
                     oldState: RefreshState,
                     newState: RefreshState
                 ) {
+                    getValidSmartRefreshContent()?.onStateChanged(refreshLayout, oldState, newState)
+
                     val isAutoScrollToTwoLevel = oldState == RefreshState.None && newState == RefreshState.TwoLevel
                     val isDragToTwoLevel =
                         oldState == RefreshState.ReleaseToRefresh && newState == RefreshState.ReleaseToTwoLevel
@@ -649,49 +667,17 @@ class SearchToolbarTabWrapperFragment : BaseTabWrapperFragment(), ISearchToolbar
 
                     if (isFinishTwoLevel) {
                         pausePullDownPushVideo()
-                        showTwoLevel = false
-
                         if (isDragging) {
-                            autoFinishTwoLevelHandler?.removeMessages(KEY_AUTO_FINISH_TWO_LEVEL)
-                            elapsedHelper.pauseCounting()
-                            pullDownPush?.run {
-                                SensorsBridge.trackEvent(
-                                    "DropDownPushClick",
-                                    json {
-                                        "action" to pullDownPushAction
-                                        "button_name" to "关闭推送"
-                                        "drop_down_push_id" to id
-                                        "game_name" to game?.name
-                                        "game_id" to game?.id
-                                        "bottom_tab" to bottomTabName
-                                        "several_tab_page_name" to multiTabNavName
-                                        "several_tab_page_id" to multiTabNavId
-                                        "position" to lastSelectedPosition
-                                        "tab_content" to currentTabEntity?.name
-                                        "custom_page_name" to currentTabEntity?.link?.text
-                                        "custom_page_id" to currentTabEntity?.link?.link
-                                    }
-                                )
-                                com.gh.common.util.NewFlatLogUtils.logHomePushClose(
-                                    id,
-                                    "主动收起",
-                                    twoLevelOpenCount,
-                                    game?.id ?: "",
-                                    game?.name ?: "",
-                                    elapsedHelper.elapsedTime
-                                )
-                            }
+                            finishTwoLevel("主动收起")
                         }
+                        showTwoLevel = false
                     }
 
                     when (newState) {
                         RefreshState.TwoLevel -> {
-                            getValidSmartRefreshContent()?.setScrollEnabled(false)
                             binding.refreshLayout.isDisableContent = false
                         }
                         RefreshState.None -> {
-                            getValidSmartRefreshContent()?.setScrollEnabled(true)
-
                             showTwoLevel = false
                             isDragging = false
                             twoLevelHeader.setFloorDuration(1000)
@@ -935,6 +921,7 @@ class SearchToolbarTabWrapperFragment : BaseTabWrapperFragment(), ISearchToolbar
                     classicsHeader.visibility = View.INVISIBLE
                     pullDownPushSet.add(id)
                     SPUtils.setStringSet(Constants.SP_PULL_DOWN_PUSH_POP_UP_SET, pullDownPushSet)
+                    autoFinishTwoLevelCallback = finishCallback
                     autoFinishTwoLevelHandler = object : Handler(Looper.getMainLooper()) {
                         override fun handleMessage(msg: Message) {
                             super.handleMessage(msg)
@@ -956,9 +943,6 @@ class SearchToolbarTabWrapperFragment : BaseTabWrapperFragment(), ISearchToolbar
                             val autoFinishDelayTime = putAwaySwitch.toInt() * 1000L
                             autoFinishTwoLevelHandler?.sendEmptyMessageDelayed(KEY_AUTO_FINISH_TWO_LEVEL, autoFinishDelayTime)
                         }
-                        else -> {
-                            autoFinishTwoLevelCallback = finishCallback
-                        }
                     }
                 }
             }
@@ -1033,6 +1017,7 @@ class SearchToolbarTabWrapperFragment : BaseTabWrapperFragment(), ISearchToolbar
                         ImageUtils.display(gameImageIv, imgUrl)
                     }
                     autoVideoView?.onVideoReset()
+                    muteIv.isVisible = video != null
                     autoVideoView?.goneIf(video == null) {
                         if (autoVideoView?.isInPlayingState == false) {
                             GSYVideoOptionBuilder()
@@ -1051,6 +1036,17 @@ class SearchToolbarTabWrapperFragment : BaseTabWrapperFragment(), ISearchToolbar
                                 headerContainer.performClick()
                             }
                         }
+                        var videoVoiceStatus = SPUtils.getBoolean(Constants.SP_VIDEO_PLAY_MUTE, true)
+                        muteIv.setImageResource(if (videoVoiceStatus) R.drawable.ic_basic_offsound else R.drawable.ic_basic_onsound)
+                        muteIv.setDebouncedClickListener {
+                            videoVoiceStatus = !videoVoiceStatus
+                            muteIv.setImageResource(if (videoVoiceStatus) R.drawable.ic_basic_offsound else R.drawable.ic_basic_onsound)
+                            if (videoVoiceStatus) {
+                                autoVideoView?.mute()
+                            } else {
+                                autoVideoView?.unMute()
+                            }
+                        }
                     }
                 }
             }
@@ -1065,6 +1061,19 @@ class SearchToolbarTabWrapperFragment : BaseTabWrapperFragment(), ISearchToolbar
         pullDownPushHandler?.doPreProcess(this as? ISmartRefresh, popupPush)
     }
 
+    private fun observeVolume() {
+        context?.applicationContext?.contentResolver?.registerContentObserver(
+            android.provider.Settings.System.CONTENT_URI,
+            true,
+            volumeObserver
+        )
+    }
+
+    private fun unObserveVolume() {
+        context?.applicationContext?.contentResolver?.unregisterContentObserver(volumeObserver)
+    }
+
+
     private fun updateRefreshHeaderStyle(force: Boolean = false) {
         if (lightRefreshHeaderStyle == isDisplayingLightContent && !force) return
         lightRefreshHeaderStyle = isDisplayingLightContent
@@ -1109,6 +1118,7 @@ class SearchToolbarTabWrapperFragment : BaseTabWrapperFragment(), ISearchToolbar
                 } else {
                     resumePullDownPushVideo()
                 }
+                observeVolume()
             }
         }
     }
@@ -1122,6 +1132,7 @@ class SearchToolbarTabWrapperFragment : BaseTabWrapperFragment(), ISearchToolbar
                 if (!videoUrl.isNullOrEmpty()) {
                     ScrollCalculatorHelper.savePlaySchedule(MD5Utils.getContentMD5(videoUrl), currentPosition)
                 }
+                unObserveVolume()
             }
         }
     }

app/src/main/java/com/gh/gamecenter/wrapper/TabWrapperFragment.kt

@@ -21,6 +21,8 @@ import com.gh.gamecenter.entity.MultiTabNav
 import com.gh.gamecenter.entity.PullDownPush
 import com.gh.gamecenter.feature.utils.SentryHelper
 import com.google.android.material.tabs.TabLayout
+import com.scwang.smartrefresh.layout.api.RefreshLayout
+import com.scwang.smartrefresh.layout.constant.RefreshState
 import kotlin.math.roundToInt
 
 /**
@@ -148,10 +150,6 @@ class TabWrapperFragment: BaseTabWrapperFragment(), ISmartRefresh, ISmartRefresh
         }
     }
 
-    override fun setScrollEnabled(isScrollEnabled: Boolean) {
-        getValidSmartRefreshContent()?.setScrollEnabled(isScrollEnabled)
-    }
-
     override fun onRefresh() {
         getValidSmartRefreshContent()?.onRefresh()
     }
@@ -161,6 +159,10 @@ class TabWrapperFragment: BaseTabWrapperFragment(), ISmartRefresh, ISmartRefresh
         getCurrentTabEntity()?.showPullDownPush = !isSwipeRefreshEnabled
     }
 
+    override fun onStateChanged(refreshLayout: RefreshLayout, oldState: RefreshState, newState: RefreshState) {
+        getValidSmartRefreshContent()?.onStateChanged(refreshLayout, oldState, newState)
+    }
+
     override fun setSmartRefreshEnabled(isEnable: Boolean) {
         (parentFragment as? ISmartRefresh)?.setSmartRefreshEnabled(isEnable)
     }

app/src/main/java/com/gh/gamecenter/wrapper/ToolbarWrapperFragment.kt

@@ -41,6 +41,8 @@ import com.gh.gamecenter.common.constant.EntranceConsts
 import com.gh.gamecenter.common.eventbus.EBReuse
 import com.gh.gamecenter.common.exposure.ExposureSource
 import com.gh.gamecenter.common.json.json
+import com.gh.gamecenter.common.observer.MuteCallback
+import com.gh.gamecenter.common.observer.VolumeObserver
 import com.gh.gamecenter.common.utils.*
 import com.gh.gamecenter.core.utils.DisplayUtils
 import com.gh.gamecenter.core.utils.MD5Utils
@@ -108,6 +110,20 @@ class ToolbarWrapperFragment : LazyFragment(), ToolbarController, ISmartRefresh,
     private var mLightToolbar = false
     private var mAutoFinishTwoLevelHandler: Handler? = null
     private var mAutoFinishTwoLevelCallback: (() -> Unit)? = null
+    private val mVolumeObserver by lazy {
+        VolumeObserver(object : MuteCallback {
+            override fun onMute(isMute: Boolean) {
+                if (::mBinding.isInitialized) {
+                    mBinding.muteIv.setImageResource(if (isMute) R.drawable.ic_basic_offsound else R.drawable.ic_basic_onsound)
+                    if (isMute) {
+                        mBinding.autoVideoView.mute()
+                    } else {
+                        mBinding.autoVideoView.unMute()
+                    }
+                }
+            }
+        })
+    }
 
     private lateinit var mElapsedHelper: TimeElapsedHelper
 
@@ -227,6 +243,7 @@ class ToolbarWrapperFragment : LazyFragment(), ToolbarController, ISmartRefresh,
                     gameImageIv.goneIf(video != null) {
                         ImageUtils.display(gameImageIv, imgUrl)
                     }
+                    muteIv.isVisible = video != null
                     autoVideoView.goneIf(video == null) {
                         if (!autoVideoView.isInPlayingState) {
                             GSYVideoOptionBuilder()
@@ -258,6 +275,17 @@ class ToolbarWrapperFragment : LazyFragment(), ToolbarController, ISmartRefresh,
                                 headerContainer.performClick()
                             }
                         }
+                        var videoVoiceStatus = SPUtils.getBoolean(Constants.SP_VIDEO_PLAY_MUTE, true)
+                        muteIv.setImageResource(if (videoVoiceStatus) R.drawable.ic_basic_offsound else R.drawable.ic_basic_onsound)
+                        muteIv.setDebouncedClickListener {
+                            videoVoiceStatus = !videoVoiceStatus
+                            muteIv.setImageResource(if (videoVoiceStatus) R.drawable.ic_basic_offsound else R.drawable.ic_basic_onsound)
+                            if (videoVoiceStatus) {
+                                autoVideoView.mute()
+                            } else {
+                                autoVideoView.unMute()
+                            }
+                        }
                     }
                 }
             }
@@ -271,6 +299,18 @@ class ToolbarWrapperFragment : LazyFragment(), ToolbarController, ISmartRefresh,
         pullDownPushHandler?.doPreProcess(this as? ISmartRefresh, popupPush)
     }
 
+    private fun observeVolume() {
+        context?.applicationContext?.contentResolver?.registerContentObserver(
+            android.provider.Settings.System.CONTENT_URI,
+            true,
+            mVolumeObserver
+        )
+    }
+
+    private fun unObserveVolume() {
+        context?.applicationContext?.contentResolver?.unregisterContentObserver(mVolumeObserver)
+    }
+
     override fun onFragmentPause() {
         super.onFragmentPause()
         DownloadManager.getInstance().removeObserver(mDataWatcher)
@@ -434,6 +474,8 @@ class ToolbarWrapperFragment : LazyFragment(), ToolbarController, ISmartRefresh,
                     oldState: RefreshState,
                     newState: RefreshState
                 ) {
+                    (mContentFragment as? ISmartRefreshContent)?.onStateChanged(refreshLayout, oldState, newState)
+
                     val isAutoScrollToTwoLevel = oldState == RefreshState.None && newState == RefreshState.TwoLevel
                     val isDragToTwoLevel =
                         oldState == RefreshState.ReleaseToRefresh && newState == RefreshState.ReleaseToTwoLevel
@@ -550,12 +592,9 @@ class ToolbarWrapperFragment : LazyFragment(), ToolbarController, ISmartRefresh,
 
                     when (newState) {
                         RefreshState.TwoLevel -> {
-                            (mContentFragment as? ISmartRefreshContent)?.setScrollEnabled(false)
                             mBinding.refreshLayout.isDisableContent = false
                         }
                         RefreshState.None -> {
-                            (mContentFragment as? ISmartRefreshContent)?.setScrollEnabled(true)
-
                             mShowTwoLevel = false
                             mIsDragging = false
                             twoLevelHeader.setFloorDuration(1000)
@@ -739,6 +778,7 @@ class ToolbarWrapperFragment : LazyFragment(), ToolbarController, ISmartRefresh,
                 } else {
                     resumePullDownPushVideo()
                 }
+                observeVolume()
             }
         }
     }
@@ -752,6 +792,7 @@ class ToolbarWrapperFragment : LazyFragment(), ToolbarController, ISmartRefresh,
                 if (videoUrl.isNotEmpty()) {
                     ScrollCalculatorHelper.savePlaySchedule(MD5Utils.getContentMD5(videoUrl), currentPosition)
                 }
+                unObserveVolume()
             }
         }
     }

app/src/main/res/drawable/ic_basic_offsound.xml

@@ -0,0 +1,19 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="24dp"
+    android:height="24dp"
+    android:viewportWidth="24"
+    android:viewportHeight="24">
+  <path
+      android:pathData="M11.183,5.778C11.51,5.511 12,5.744 12,6.165V8.909C12,9.461 12.448,9.909 13,9.909C13.552,9.909 14,9.461 14,8.909V6.165C14,4.056 11.549,2.895 9.917,4.23L8.756,5.181C8.328,5.53 8.265,6.16 8.615,6.588C8.965,7.015 9.595,7.078 10.022,6.728L11.183,5.778Z"
+      android:fillColor="#000000"/>
+  <path
+      android:pathData="M20.66,7C20.384,6.522 19.772,6.358 19.294,6.634C18.816,6.91 18.652,7.522 18.928,8C19.63,9.216 20,10.596 20,12C20,12.92 19.841,13.83 19.534,14.69C19.349,15.21 19.62,15.782 20.14,15.968C20.66,16.153 21.232,15.882 21.418,15.362C21.802,14.287 22,13.15 22,12C22,10.245 21.538,8.52 20.66,7Z"
+      android:fillColor="#000000"/>
+  <path
+      android:pathData="M17.796,10.447C17.653,9.914 17.104,9.597 16.571,9.74C16.037,9.883 15.721,10.431 15.864,10.965C15.967,11.35 16.012,11.748 15.998,12.143C15.978,12.695 16.409,13.159 16.961,13.179C17.513,13.198 17.976,12.767 17.996,12.215C18.017,11.622 17.951,11.026 17.796,10.447Z"
+      android:fillColor="#000000"/>
+  <path
+      android:pathData="M2.224,4.869C2.572,4.441 3.202,4.376 3.631,4.724L19.631,17.724C20.059,18.072 20.124,18.702 19.776,19.131C19.428,19.559 18.798,19.624 18.369,19.276L14,15.726V17.835C14,19.944 11.549,21.105 9.917,19.77L7.143,17.5H5C3.343,17.5 2,16.157 2,14.5V9.5C2,8.476 2.513,7.571 3.297,7.03L2.369,6.276C1.941,5.928 1.876,5.298 2.224,4.869ZM5.106,8.5L12,14.101V17.835C12,18.256 11.51,18.489 11.183,18.222L8.133,15.726C7.955,15.58 7.731,15.5 7.5,15.5H5C4.448,15.5 4,15.052 4,14.5V9.5C4,8.948 4.448,8.5 5,8.5H5.106Z"
+      android:fillColor="#000000"
+      android:fillType="evenOdd"/>
+</vector>

app/src/main/res/drawable/ic_basic_onsound.xml

@@ -0,0 +1,16 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="24dp"
+    android:height="24dp"
+    android:viewportWidth="24"
+    android:viewportHeight="24">
+  <path
+      android:pathData="M9.917,4.23C11.549,2.895 14,4.056 14,6.165V17.835C14,19.944 11.549,21.105 9.917,19.77L7.143,17.5H5C3.343,17.5 2,16.157 2,14.5V9.5C2,7.843 3.343,6.5 5,6.5H7.143L9.917,4.23ZM12,6.165C12,5.744 11.51,5.511 11.183,5.778L8.133,8.274C7.955,8.42 7.731,8.5 7.5,8.5H5C4.448,8.5 4,8.948 4,9.5V14.5C4,15.052 4.448,15.5 5,15.5H7.5C7.731,15.5 7.955,15.58 8.133,15.726L11.183,18.222C11.51,18.489 12,18.257 12,17.835V6.165Z"
+      android:fillColor="#000000"
+      android:fillType="evenOdd"/>
+  <path
+      android:pathData="M16.571,9.74C17.104,9.597 17.653,9.914 17.796,10.447C18.068,11.464 18.068,12.536 17.796,13.553C17.653,14.086 17.104,14.403 16.571,14.26C16.037,14.117 15.721,13.569 15.864,13.035C16.045,12.357 16.045,11.643 15.864,10.965C15.721,10.431 16.037,9.883 16.571,9.74Z"
+      android:fillColor="#000000"/>
+  <path
+      android:pathData="M20.66,7C20.384,6.522 19.772,6.358 19.294,6.634C18.816,6.91 18.652,7.522 18.928,8C19.63,9.216 20,10.596 20,12C20,13.404 19.63,14.784 18.928,16C18.652,16.478 18.816,17.09 19.294,17.366C19.772,17.642 20.384,17.478 20.66,17C21.538,15.48 22,13.755 22,12C22,10.245 21.538,8.52 20.66,7Z"
+      android:fillColor="#000000"/>
+</vector>

app/src/main/res/layout/fragment_search_toolbar_tab_wrapper.xml

@@ -164,6 +164,19 @@
                         app:lottie_loop="true"
                         app:lottie_repeatMode="restart" />
 
+                    <ImageView
+                        android:id="@+id/muteIv"
+                        android:layout_width="28dp"
+                        android:layout_height="28dp"
+                        android:layout_marginEnd="12dp"
+                        android:layout_marginBottom="24dp"
+                        android:padding="4dp"
+                        android:visibility="gone"
+                        app:layout_constraintBottom_toBottomOf="parent"
+                        app:layout_constraintEnd_toEndOf="parent"
+                        app:srcCompat="@drawable/ic_basic_offsound"
+                        app:tint="@color/text_instance" />
+
                     <FrameLayout
                         android:id="@+id/headerBackground"
                         android:layout_width="0dp"

app/src/main/res/layout/fragment_toolbar_wrapper.xml

@@ -169,6 +169,19 @@
                         app:lottie_loop="true"
                         app:lottie_repeatMode="restart" />
 
+                    <ImageView
+                        android:id="@+id/muteIv"
+                        android:layout_width="28dp"
+                        android:layout_height="28dp"
+                        android:layout_marginEnd="12dp"
+                        android:layout_marginBottom="24dp"
+                        android:padding="4dp"
+                        android:visibility="gone"
+                        app:layout_constraintBottom_toBottomOf="parent"
+                        app:layout_constraintEnd_toEndOf="parent"
+                        app:srcCompat="@drawable/ic_basic_offsound"
+                        app:tint="@color/text_instance" />
+
                     <View
                         android:id="@+id/headerBackground"
                         android:layout_width="0dp"

app/src/main/res/layout/recycler_announcement_banner.xml

@@ -10,6 +10,7 @@
         android:id="@+id/cv_banner_container"
         android:layout_width="0dp"
         android:layout_height="0dp"
+        app:cardBackgroundColor="@color/transparent"
         app:cardCornerRadius="8dp"
         app:cardElevation="0dp"
         app:layout_constraintDimensionRatio="41:11"