diff --git a/android/app/src/main/AndroidManifest.xml b/android/app/src/main/AndroidManifest.xml
index 7933e3e..34cc3db 100644
--- a/android/app/src/main/AndroidManifest.xml
+++ b/android/app/src/main/AndroidManifest.xml
@@ -44,6 +44,11 @@
         <meta-data
             android:name="flutterEmbedding"
             android:value="2" />
+
+        <!--AdMob app ID-->
+        <meta-data
+            android:name="com.google.android.gms.ads.APPLICATION_ID"
+            android:value="ca-app-pub-5684307632319406~7113477061"/>
     </application>
     <!-- Required to query activities that can process text, see:
          https://developer.android.com/training/package-visibility and
diff --git a/android/app/src/main/res/drawable-v21/launch_background.xml b/android/app/src/main/res/drawable-v21/launch_background.xml
index 47f03ce..15501a9 100644
--- a/android/app/src/main/res/drawable-v21/launch_background.xml
+++ b/android/app/src/main/res/drawable-v21/launch_background.xml
@@ -8,4 +8,4 @@
             android:gravity="fill"
             android:src="@mipmap/launch_image" />
     </item>
-</layer-list>
+</layer-list>
\ No newline at end of file
diff --git a/android/app/src/main/res/mipmap-hdpi/launch_image.png b/android/app/src/main/res/mipmap-hdpi/launch_image.png
deleted file mode 100755
index 63d0584..0000000
Binary files a/android/app/src/main/res/mipmap-hdpi/launch_image.png and /dev/null differ
diff --git a/android/app/src/main/res/mipmap-mdpi/launch_image.png b/android/app/src/main/res/mipmap-mdpi/launch_image.png
deleted file mode 100755
index f6c79dd..0000000
Binary files a/android/app/src/main/res/mipmap-mdpi/launch_image.png and /dev/null differ
diff --git a/android/app/src/main/res/mipmap-xhdpi/launch_image_music.png b/android/app/src/main/res/mipmap-xhdpi/launch_image_music.png
new file mode 100755
index 0000000..f96f596
Binary files /dev/null and b/android/app/src/main/res/mipmap-xhdpi/launch_image_music.png differ
diff --git a/android/app/src/main/res/mipmap-xxhdpi/launch_image_music.png b/android/app/src/main/res/mipmap-xxhdpi/launch_image_music.png
new file mode 100755
index 0000000..ac23d3d
Binary files /dev/null and b/android/app/src/main/res/mipmap-xxhdpi/launch_image_music.png differ
diff --git a/android/app/src/main/res/mipmap-xxxhdpi/launch_image_music.png b/android/app/src/main/res/mipmap-xxxhdpi/launch_image_music.png
new file mode 100755
index 0000000..6780144
Binary files /dev/null and b/android/app/src/main/res/mipmap-xxxhdpi/launch_image_music.png differ
diff --git a/android/app/src/main/res/values-night-v27/styles.xml b/android/app/src/main/res/values-night-v27/styles.xml
index 2acbf37..1bc3655 100644
--- a/android/app/src/main/res/values-night-v27/styles.xml
+++ b/android/app/src/main/res/values-night-v27/styles.xml
@@ -5,8 +5,6 @@
         <!-- Show a splash screen on the activity. Automatically removed when
              the Flutter engine draws its first frame -->
         <item name="android:windowBackground">@drawable/launch_background</item>
-        <item name="android:navigationBarColor">@android:color/transparent</item>
-        <item name="android:statusBarColor">@android:color/transparent</item>
         <item name="android:windowFullscreen">true</item>
         <item name="android:windowLayoutInDisplayCutoutMode">shortEdges</item>
     </style>
diff --git a/android/app/src/main/res/values-night/styles.xml b/android/app/src/main/res/values-night/styles.xml
index 8503258..245640e 100644
--- a/android/app/src/main/res/values-night/styles.xml
+++ b/android/app/src/main/res/values-night/styles.xml
@@ -5,10 +5,7 @@
         <!-- Show a splash screen on the activity. Automatically removed when
              the Flutter engine draws its first frame -->
         <item name="android:windowBackground">@drawable/launch_background</item>
-        <item name="android:navigationBarColor">@android:color/transparent</item>
-        <item name="android:statusBarColor">@android:color/transparent</item>
         <item name="android:windowFullscreen">true</item>
-        <item name="android:windowDrawsSystemBarBackgrounds">false</item>
     </style>
     <!-- Theme applied to the Android Window as soon as the process has started.
          This theme determines the color of the Android Window while your
diff --git a/android/app/src/main/res/values-v27/styles.xml b/android/app/src/main/res/values-v27/styles.xml
index 77b27e9..d3e2bc5 100644
--- a/android/app/src/main/res/values-v27/styles.xml
+++ b/android/app/src/main/res/values-v27/styles.xml
@@ -5,8 +5,6 @@
         <!-- Show a splash screen on the activity. Automatically removed when
              the Flutter engine draws its first frame -->
         <item name="android:windowBackground">@drawable/launch_background</item>
-        <item name="android:navigationBarColor">@android:color/transparent</item>
-        <item name="android:statusBarColor">@android:color/transparent</item>
         <item name="android:windowFullscreen">true</item>
         <item name="android:windowLayoutInDisplayCutoutMode">shortEdges</item>
     </style>
diff --git a/android/app/src/main/res/values/styles.xml b/android/app/src/main/res/values/styles.xml
index 3304935..9accca7 100644
--- a/android/app/src/main/res/values/styles.xml
+++ b/android/app/src/main/res/values/styles.xml
@@ -5,10 +5,7 @@
         <!-- Show a splash screen on the activity. Automatically removed when
              the Flutter engine draws its first frame -->
         <item name="android:windowBackground">@drawable/launch_background</item>
-        <item name="android:navigationBarColor">@android:color/transparent</item>
-        <item name="android:statusBarColor">@android:color/transparent</item>
         <item name="android:windowFullscreen">true</item>
-        <item name="android:windowDrawsSystemBarBackgrounds">false</item>
     </style>
     <!-- Theme applied to the Android Window as soon as the process has started.
          This theme determines the color of the Android Window while your
diff --git a/assets/images/side_a/2.0x/about.png b/assets/images/side_a/2.0x/about.png
new file mode 100644
index 0000000..2e0830a
Binary files /dev/null and b/assets/images/side_a/2.0x/about.png differ
diff --git a/assets/images/side_a/2.0x/arrow_down_back.png b/assets/images/side_a/2.0x/arrow_down_back.png
new file mode 100644
index 0000000..f3b0056
Binary files /dev/null and b/assets/images/side_a/2.0x/arrow_down_back.png differ
diff --git a/assets/images/side_a/2.0x/bnb1_selected.png b/assets/images/side_a/2.0x/bnb1_selected.png
new file mode 100644
index 0000000..360553a
Binary files /dev/null and b/assets/images/side_a/2.0x/bnb1_selected.png differ
diff --git a/assets/images/side_a/2.0x/bnb1_unselected.png b/assets/images/side_a/2.0x/bnb1_unselected.png
new file mode 100644
index 0000000..ce2955d
Binary files /dev/null and b/assets/images/side_a/2.0x/bnb1_unselected.png differ
diff --git a/assets/images/side_a/2.0x/bnb2_selected.png b/assets/images/side_a/2.0x/bnb2_selected.png
new file mode 100644
index 0000000..6a99806
Binary files /dev/null and b/assets/images/side_a/2.0x/bnb2_selected.png differ
diff --git a/assets/images/side_a/2.0x/bnb2_unselected.png b/assets/images/side_a/2.0x/bnb2_unselected.png
new file mode 100644
index 0000000..fbd7d23
Binary files /dev/null and b/assets/images/side_a/2.0x/bnb2_unselected.png differ
diff --git a/assets/images/side_a/2.0x/bnb3_selected.png b/assets/images/side_a/2.0x/bnb3_selected.png
new file mode 100644
index 0000000..26dfaf7
Binary files /dev/null and b/assets/images/side_a/2.0x/bnb3_selected.png differ
diff --git a/assets/images/side_a/2.0x/bnb3_unselected.png b/assets/images/side_a/2.0x/bnb3_unselected.png
new file mode 100644
index 0000000..d9d4978
Binary files /dev/null and b/assets/images/side_a/2.0x/bnb3_unselected.png differ
diff --git a/assets/images/side_a/2.0x/bnb4_selected.png b/assets/images/side_a/2.0x/bnb4_selected.png
new file mode 100644
index 0000000..73cdb63
Binary files /dev/null and b/assets/images/side_a/2.0x/bnb4_selected.png differ
diff --git a/assets/images/side_a/2.0x/bnb4_unselected.png b/assets/images/side_a/2.0x/bnb4_unselected.png
new file mode 100644
index 0000000..c6120f1
Binary files /dev/null and b/assets/images/side_a/2.0x/bnb4_unselected.png differ
diff --git a/assets/images/side_a/2.0x/change_voice_bg.png b/assets/images/side_a/2.0x/change_voice_bg.png
new file mode 100644
index 0000000..57dfdf6
Binary files /dev/null and b/assets/images/side_a/2.0x/change_voice_bg.png differ
diff --git a/assets/images/side_a/2.0x/change_voice_item_frame.png b/assets/images/side_a/2.0x/change_voice_item_frame.png
new file mode 100644
index 0000000..03400b8
Binary files /dev/null and b/assets/images/side_a/2.0x/change_voice_item_frame.png differ
diff --git a/assets/images/side_a/2.0x/change_voice_item_selected.png b/assets/images/side_a/2.0x/change_voice_item_selected.png
new file mode 100644
index 0000000..67e9007
Binary files /dev/null and b/assets/images/side_a/2.0x/change_voice_item_selected.png differ
diff --git a/assets/images/side_a/2.0x/favorite.png b/assets/images/side_a/2.0x/favorite.png
new file mode 100644
index 0000000..cea2d8d
Binary files /dev/null and b/assets/images/side_a/2.0x/favorite.png differ
diff --git a/assets/images/side_a/2.0x/home_bg.png b/assets/images/side_a/2.0x/home_bg.png
new file mode 100644
index 0000000..d237f1f
Binary files /dev/null and b/assets/images/side_a/2.0x/home_bg.png differ
diff --git a/assets/images/side_a/2.0x/home_bnb_bg.png b/assets/images/side_a/2.0x/home_bnb_bg.png
new file mode 100644
index 0000000..8c5385a
Binary files /dev/null and b/assets/images/side_a/2.0x/home_bnb_bg.png differ
diff --git a/assets/images/side_a/2.0x/icon_chevron_right.png b/assets/images/side_a/2.0x/icon_chevron_right.png
new file mode 100644
index 0000000..2d431b1
Binary files /dev/null and b/assets/images/side_a/2.0x/icon_chevron_right.png differ
diff --git a/assets/images/side_a/2.0x/more.png b/assets/images/side_a/2.0x/more.png
new file mode 100644
index 0000000..6c142b0
Binary files /dev/null and b/assets/images/side_a/2.0x/more.png differ
diff --git a/assets/images/side_a/2.0x/not_favorite.png b/assets/images/side_a/2.0x/not_favorite.png
new file mode 100644
index 0000000..8c7a8b5
Binary files /dev/null and b/assets/images/side_a/2.0x/not_favorite.png differ
diff --git a/assets/images/side_a/2.0x/not_played.png b/assets/images/side_a/2.0x/not_played.png
new file mode 100644
index 0000000..9920272
Binary files /dev/null and b/assets/images/side_a/2.0x/not_played.png differ
diff --git a/assets/images/side_a/2.0x/not_played1.png b/assets/images/side_a/2.0x/not_played1.png
new file mode 100644
index 0000000..b6c2b1f
Binary files /dev/null and b/assets/images/side_a/2.0x/not_played1.png differ
diff --git a/assets/images/side_a/2.0x/play_sound_bg.png b/assets/images/side_a/2.0x/play_sound_bg.png
new file mode 100644
index 0000000..44cc30b
Binary files /dev/null and b/assets/images/side_a/2.0x/play_sound_bg.png differ
diff --git a/assets/images/side_a/2.0x/playing.png b/assets/images/side_a/2.0x/playing.png
new file mode 100644
index 0000000..f89e9cf
Binary files /dev/null and b/assets/images/side_a/2.0x/playing.png differ
diff --git a/assets/images/side_a/2.0x/playing1.png b/assets/images/side_a/2.0x/playing1.png
new file mode 100644
index 0000000..a2fa374
Binary files /dev/null and b/assets/images/side_a/2.0x/playing1.png differ
diff --git a/assets/images/side_a/2.0x/privacy.png b/assets/images/side_a/2.0x/privacy.png
new file mode 100644
index 0000000..ae9acc6
Binary files /dev/null and b/assets/images/side_a/2.0x/privacy.png differ
diff --git a/assets/images/side_a/2.0x/settings_bg.png b/assets/images/side_a/2.0x/settings_bg.png
new file mode 100644
index 0000000..d4d35cf
Binary files /dev/null and b/assets/images/side_a/2.0x/settings_bg.png differ
diff --git a/assets/images/side_a/2.0x/subtract.png b/assets/images/side_a/2.0x/subtract.png
new file mode 100644
index 0000000..08d66a4
Binary files /dev/null and b/assets/images/side_a/2.0x/subtract.png differ
diff --git a/assets/images/side_a/2.0x/the_monster.png b/assets/images/side_a/2.0x/the_monster.png
new file mode 100644
index 0000000..621f5f6
Binary files /dev/null and b/assets/images/side_a/2.0x/the_monster.png differ
diff --git a/assets/images/side_a/2.0x/the_monster1.png b/assets/images/side_a/2.0x/the_monster1.png
new file mode 100644
index 0000000..2e98096
Binary files /dev/null and b/assets/images/side_a/2.0x/the_monster1.png differ
diff --git a/assets/images/side_a/2.0x/the_monster2.png b/assets/images/side_a/2.0x/the_monster2.png
new file mode 100644
index 0000000..44b22d4
Binary files /dev/null and b/assets/images/side_a/2.0x/the_monster2.png differ
diff --git a/assets/images/side_a/2.0x/upload_method_bg.png b/assets/images/side_a/2.0x/upload_method_bg.png
new file mode 100644
index 0000000..f40b631
Binary files /dev/null and b/assets/images/side_a/2.0x/upload_method_bg.png differ
diff --git a/assets/images/side_a/2.0x/upload_pick.png b/assets/images/side_a/2.0x/upload_pick.png
new file mode 100644
index 0000000..7b0472d
Binary files /dev/null and b/assets/images/side_a/2.0x/upload_pick.png differ
diff --git a/assets/images/side_a/2.0x/upload_record_sound.png b/assets/images/side_a/2.0x/upload_record_sound.png
new file mode 100644
index 0000000..6aadc04
Binary files /dev/null and b/assets/images/side_a/2.0x/upload_record_sound.png differ
diff --git a/assets/images/side_a/2.0x/user_agreement.png b/assets/images/side_a/2.0x/user_agreement.png
new file mode 100644
index 0000000..ac69958
Binary files /dev/null and b/assets/images/side_a/2.0x/user_agreement.png differ
diff --git a/assets/images/side_a/2.0x/voice_change.png b/assets/images/side_a/2.0x/voice_change.png
new file mode 100644
index 0000000..2d703d0
Binary files /dev/null and b/assets/images/side_a/2.0x/voice_change.png differ
diff --git a/assets/images/side_a/2.0x/voice_default.png b/assets/images/side_a/2.0x/voice_default.png
new file mode 100644
index 0000000..aaee93a
Binary files /dev/null and b/assets/images/side_a/2.0x/voice_default.png differ
diff --git a/assets/images/side_a/3.0x/about.png b/assets/images/side_a/3.0x/about.png
new file mode 100644
index 0000000..a2ae827
Binary files /dev/null and b/assets/images/side_a/3.0x/about.png differ
diff --git a/assets/images/side_a/3.0x/arrow_down_back.png b/assets/images/side_a/3.0x/arrow_down_back.png
new file mode 100644
index 0000000..cbd0c9b
Binary files /dev/null and b/assets/images/side_a/3.0x/arrow_down_back.png differ
diff --git a/assets/images/side_a/3.0x/bnb1_selected.png b/assets/images/side_a/3.0x/bnb1_selected.png
new file mode 100644
index 0000000..f731a76
Binary files /dev/null and b/assets/images/side_a/3.0x/bnb1_selected.png differ
diff --git a/assets/images/side_a/3.0x/bnb1_unselected.png b/assets/images/side_a/3.0x/bnb1_unselected.png
new file mode 100644
index 0000000..c3b9ebc
Binary files /dev/null and b/assets/images/side_a/3.0x/bnb1_unselected.png differ
diff --git a/assets/images/side_a/3.0x/bnb2_selected.png b/assets/images/side_a/3.0x/bnb2_selected.png
new file mode 100644
index 0000000..b67e9e5
Binary files /dev/null and b/assets/images/side_a/3.0x/bnb2_selected.png differ
diff --git a/assets/images/side_a/3.0x/bnb2_unselected.png b/assets/images/side_a/3.0x/bnb2_unselected.png
new file mode 100644
index 0000000..f9112af
Binary files /dev/null and b/assets/images/side_a/3.0x/bnb2_unselected.png differ
diff --git a/assets/images/side_a/3.0x/bnb3_selected.png b/assets/images/side_a/3.0x/bnb3_selected.png
new file mode 100644
index 0000000..7974e0b
Binary files /dev/null and b/assets/images/side_a/3.0x/bnb3_selected.png differ
diff --git a/assets/images/side_a/3.0x/bnb3_unselected.png b/assets/images/side_a/3.0x/bnb3_unselected.png
new file mode 100644
index 0000000..d2f74be
Binary files /dev/null and b/assets/images/side_a/3.0x/bnb3_unselected.png differ
diff --git a/assets/images/side_a/3.0x/bnb4_selected.png b/assets/images/side_a/3.0x/bnb4_selected.png
new file mode 100644
index 0000000..870869b
Binary files /dev/null and b/assets/images/side_a/3.0x/bnb4_selected.png differ
diff --git a/assets/images/side_a/3.0x/bnb4_unselected.png b/assets/images/side_a/3.0x/bnb4_unselected.png
new file mode 100644
index 0000000..80c8923
Binary files /dev/null and b/assets/images/side_a/3.0x/bnb4_unselected.png differ
diff --git a/assets/images/side_a/3.0x/change_voice_bg.png b/assets/images/side_a/3.0x/change_voice_bg.png
new file mode 100644
index 0000000..489031c
Binary files /dev/null and b/assets/images/side_a/3.0x/change_voice_bg.png differ
diff --git a/assets/images/side_a/3.0x/change_voice_item_frame.png b/assets/images/side_a/3.0x/change_voice_item_frame.png
new file mode 100644
index 0000000..34ac9ca
Binary files /dev/null and b/assets/images/side_a/3.0x/change_voice_item_frame.png differ
diff --git a/assets/images/side_a/3.0x/change_voice_item_selected.png b/assets/images/side_a/3.0x/change_voice_item_selected.png
new file mode 100644
index 0000000..8d4a4d8
Binary files /dev/null and b/assets/images/side_a/3.0x/change_voice_item_selected.png differ
diff --git a/assets/images/side_a/3.0x/favorite.png b/assets/images/side_a/3.0x/favorite.png
new file mode 100644
index 0000000..b621f8e
Binary files /dev/null and b/assets/images/side_a/3.0x/favorite.png differ
diff --git a/assets/images/side_a/3.0x/home_bg.png b/assets/images/side_a/3.0x/home_bg.png
new file mode 100644
index 0000000..8fff64a
Binary files /dev/null and b/assets/images/side_a/3.0x/home_bg.png differ
diff --git a/assets/images/side_a/3.0x/home_bnb_bg.png b/assets/images/side_a/3.0x/home_bnb_bg.png
new file mode 100644
index 0000000..c9b78b6
Binary files /dev/null and b/assets/images/side_a/3.0x/home_bnb_bg.png differ
diff --git a/assets/images/side_a/3.0x/icon_chevron_right.png b/assets/images/side_a/3.0x/icon_chevron_right.png
new file mode 100644
index 0000000..01baaac
Binary files /dev/null and b/assets/images/side_a/3.0x/icon_chevron_right.png differ
diff --git a/assets/images/side_a/3.0x/more.png b/assets/images/side_a/3.0x/more.png
new file mode 100644
index 0000000..d6ddfd4
Binary files /dev/null and b/assets/images/side_a/3.0x/more.png differ
diff --git a/assets/images/side_a/3.0x/not_favorite.png b/assets/images/side_a/3.0x/not_favorite.png
new file mode 100644
index 0000000..517a273
Binary files /dev/null and b/assets/images/side_a/3.0x/not_favorite.png differ
diff --git a/assets/images/side_a/3.0x/not_played.png b/assets/images/side_a/3.0x/not_played.png
new file mode 100644
index 0000000..9dc0446
Binary files /dev/null and b/assets/images/side_a/3.0x/not_played.png differ
diff --git a/assets/images/side_a/3.0x/not_played1.png b/assets/images/side_a/3.0x/not_played1.png
new file mode 100644
index 0000000..c956d11
Binary files /dev/null and b/assets/images/side_a/3.0x/not_played1.png differ
diff --git a/assets/images/side_a/3.0x/play_sound_bg.png b/assets/images/side_a/3.0x/play_sound_bg.png
new file mode 100644
index 0000000..e47f0a6
Binary files /dev/null and b/assets/images/side_a/3.0x/play_sound_bg.png differ
diff --git a/assets/images/side_a/3.0x/playing.png b/assets/images/side_a/3.0x/playing.png
new file mode 100644
index 0000000..8768bff
Binary files /dev/null and b/assets/images/side_a/3.0x/playing.png differ
diff --git a/assets/images/side_a/3.0x/playing1.png b/assets/images/side_a/3.0x/playing1.png
new file mode 100644
index 0000000..cba3593
Binary files /dev/null and b/assets/images/side_a/3.0x/playing1.png differ
diff --git a/assets/images/side_a/3.0x/privacy.png b/assets/images/side_a/3.0x/privacy.png
new file mode 100644
index 0000000..0817b16
Binary files /dev/null and b/assets/images/side_a/3.0x/privacy.png differ
diff --git a/assets/images/side_a/3.0x/settings_bg.png b/assets/images/side_a/3.0x/settings_bg.png
new file mode 100644
index 0000000..1356a5b
Binary files /dev/null and b/assets/images/side_a/3.0x/settings_bg.png differ
diff --git a/assets/images/side_a/3.0x/subtract.png b/assets/images/side_a/3.0x/subtract.png
new file mode 100644
index 0000000..e2b8941
Binary files /dev/null and b/assets/images/side_a/3.0x/subtract.png differ
diff --git a/assets/images/side_a/3.0x/the_monster.png b/assets/images/side_a/3.0x/the_monster.png
new file mode 100644
index 0000000..dae358d
Binary files /dev/null and b/assets/images/side_a/3.0x/the_monster.png differ
diff --git a/assets/images/side_a/3.0x/the_monster1.png b/assets/images/side_a/3.0x/the_monster1.png
new file mode 100644
index 0000000..c38e1c9
Binary files /dev/null and b/assets/images/side_a/3.0x/the_monster1.png differ
diff --git a/assets/images/side_a/3.0x/the_monster2.png b/assets/images/side_a/3.0x/the_monster2.png
new file mode 100644
index 0000000..a32cad8
Binary files /dev/null and b/assets/images/side_a/3.0x/the_monster2.png differ
diff --git a/assets/images/side_a/3.0x/upload_method_bg.png b/assets/images/side_a/3.0x/upload_method_bg.png
new file mode 100644
index 0000000..633272c
Binary files /dev/null and b/assets/images/side_a/3.0x/upload_method_bg.png differ
diff --git a/assets/images/side_a/3.0x/upload_pick.png b/assets/images/side_a/3.0x/upload_pick.png
new file mode 100644
index 0000000..92de659
Binary files /dev/null and b/assets/images/side_a/3.0x/upload_pick.png differ
diff --git a/assets/images/side_a/3.0x/upload_record_sound.png b/assets/images/side_a/3.0x/upload_record_sound.png
new file mode 100644
index 0000000..df06d12
Binary files /dev/null and b/assets/images/side_a/3.0x/upload_record_sound.png differ
diff --git a/assets/images/side_a/3.0x/user_agreement.png b/assets/images/side_a/3.0x/user_agreement.png
new file mode 100644
index 0000000..e9d7853
Binary files /dev/null and b/assets/images/side_a/3.0x/user_agreement.png differ
diff --git a/assets/images/side_a/3.0x/voice_change.png b/assets/images/side_a/3.0x/voice_change.png
new file mode 100644
index 0000000..67c741d
Binary files /dev/null and b/assets/images/side_a/3.0x/voice_change.png differ
diff --git a/assets/images/side_a/3.0x/voice_default.png b/assets/images/side_a/3.0x/voice_default.png
new file mode 100644
index 0000000..d456712
Binary files /dev/null and b/assets/images/side_a/3.0x/voice_default.png differ
diff --git a/assets/images/side_a/about.png b/assets/images/side_a/about.png
new file mode 100644
index 0000000..c2b364b
Binary files /dev/null and b/assets/images/side_a/about.png differ
diff --git a/assets/images/side_a/arrow_down_back.png b/assets/images/side_a/arrow_down_back.png
new file mode 100644
index 0000000..501737a
Binary files /dev/null and b/assets/images/side_a/arrow_down_back.png differ
diff --git a/assets/images/side_a/bnb1_selected.png b/assets/images/side_a/bnb1_selected.png
new file mode 100644
index 0000000..03c05e7
Binary files /dev/null and b/assets/images/side_a/bnb1_selected.png differ
diff --git a/assets/images/side_a/bnb1_unselected.png b/assets/images/side_a/bnb1_unselected.png
new file mode 100644
index 0000000..c76010f
Binary files /dev/null and b/assets/images/side_a/bnb1_unselected.png differ
diff --git a/assets/images/side_a/bnb2_selected.png b/assets/images/side_a/bnb2_selected.png
new file mode 100644
index 0000000..a2d30a5
Binary files /dev/null and b/assets/images/side_a/bnb2_selected.png differ
diff --git a/assets/images/side_a/bnb2_unselected.png b/assets/images/side_a/bnb2_unselected.png
new file mode 100644
index 0000000..60b4e03
Binary files /dev/null and b/assets/images/side_a/bnb2_unselected.png differ
diff --git a/assets/images/side_a/bnb3_selected.png b/assets/images/side_a/bnb3_selected.png
new file mode 100644
index 0000000..092cada
Binary files /dev/null and b/assets/images/side_a/bnb3_selected.png differ
diff --git a/assets/images/side_a/bnb3_unselected.png b/assets/images/side_a/bnb3_unselected.png
new file mode 100644
index 0000000..6ef5b18
Binary files /dev/null and b/assets/images/side_a/bnb3_unselected.png differ
diff --git a/assets/images/side_a/bnb4_selected.png b/assets/images/side_a/bnb4_selected.png
new file mode 100644
index 0000000..824f01e
Binary files /dev/null and b/assets/images/side_a/bnb4_selected.png differ
diff --git a/assets/images/side_a/bnb4_unselected.png b/assets/images/side_a/bnb4_unselected.png
new file mode 100644
index 0000000..fd128f9
Binary files /dev/null and b/assets/images/side_a/bnb4_unselected.png differ
diff --git a/assets/images/side_a/change_voice.png b/assets/images/side_a/change_voice.png
new file mode 100644
index 0000000..e62707c
Binary files /dev/null and b/assets/images/side_a/change_voice.png differ
diff --git a/assets/images/side_a/change_voice_bg.png b/assets/images/side_a/change_voice_bg.png
new file mode 100644
index 0000000..88f3387
Binary files /dev/null and b/assets/images/side_a/change_voice_bg.png differ
diff --git a/assets/images/side_a/change_voice_item_frame.png b/assets/images/side_a/change_voice_item_frame.png
new file mode 100644
index 0000000..282c870
Binary files /dev/null and b/assets/images/side_a/change_voice_item_frame.png differ
diff --git a/assets/images/side_a/change_voice_item_selected.png b/assets/images/side_a/change_voice_item_selected.png
new file mode 100644
index 0000000..ddb2128
Binary files /dev/null and b/assets/images/side_a/change_voice_item_selected.png differ
diff --git a/assets/images/side_a/cover/DIY.jpeg b/assets/images/side_a/cover/DIY.jpeg
new file mode 100755
index 0000000..b3fecd9
Binary files /dev/null and b/assets/images/side_a/cover/DIY.jpeg differ
diff --git a/assets/images/side_a/cover/Fast.jpeg b/assets/images/side_a/cover/Fast.jpeg
new file mode 100755
index 0000000..09526dd
Binary files /dev/null and b/assets/images/side_a/cover/Fast.jpeg differ
diff --git a/assets/images/side_a/cover/Flash.jpeg b/assets/images/side_a/cover/Flash.jpeg
new file mode 100755
index 0000000..18dca3a
Binary files /dev/null and b/assets/images/side_a/cover/Flash.jpeg differ
diff --git a/assets/images/side_a/cover/Original.jpeg b/assets/images/side_a/cover/Original.jpeg
new file mode 100755
index 0000000..fb53c2a
Binary files /dev/null and b/assets/images/side_a/cover/Original.jpeg differ
diff --git a/assets/images/side_a/cover/Slow.jpeg b/assets/images/side_a/cover/Slow.jpeg
new file mode 100755
index 0000000..4c01fae
Binary files /dev/null and b/assets/images/side_a/cover/Slow.jpeg differ
diff --git a/assets/images/side_a/cover/boy.jpeg b/assets/images/side_a/cover/boy.jpeg
new file mode 100755
index 0000000..7be949a
Binary files /dev/null and b/assets/images/side_a/cover/boy.jpeg differ
diff --git a/assets/images/side_a/cover/child.png b/assets/images/side_a/cover/child.png
new file mode 100755
index 0000000..81eb50b
Binary files /dev/null and b/assets/images/side_a/cover/child.png differ
diff --git a/assets/images/side_a/cover/elder.png b/assets/images/side_a/cover/elder.png
new file mode 100755
index 0000000..afad274
Binary files /dev/null and b/assets/images/side_a/cover/elder.png differ
diff --git a/assets/images/side_a/cover/girl.jpeg b/assets/images/side_a/cover/girl.jpeg
new file mode 100755
index 0000000..c8cc102
Binary files /dev/null and b/assets/images/side_a/cover/girl.jpeg differ
diff --git a/assets/images/side_a/cover/man.png b/assets/images/side_a/cover/man.png
new file mode 100755
index 0000000..92ab77b
Binary files /dev/null and b/assets/images/side_a/cover/man.png differ
diff --git a/assets/images/side_a/cover/monsters.png b/assets/images/side_a/cover/monsters.png
new file mode 100755
index 0000000..6d9eb39
Binary files /dev/null and b/assets/images/side_a/cover/monsters.png differ
diff --git a/assets/images/side_a/cover/robot.jpeg b/assets/images/side_a/cover/robot.jpeg
new file mode 100755
index 0000000..0f3d960
Binary files /dev/null and b/assets/images/side_a/cover/robot.jpeg differ
diff --git a/assets/images/side_a/cover/sexy.jpeg b/assets/images/side_a/cover/sexy.jpeg
new file mode 100755
index 0000000..f3dfc03
Binary files /dev/null and b/assets/images/side_a/cover/sexy.jpeg differ
diff --git a/assets/images/side_a/cover/woman.png b/assets/images/side_a/cover/woman.png
new file mode 100755
index 0000000..4920617
Binary files /dev/null and b/assets/images/side_a/cover/woman.png differ
diff --git a/assets/images/side_a/favorite.png b/assets/images/side_a/favorite.png
new file mode 100644
index 0000000..7c1ea2d
Binary files /dev/null and b/assets/images/side_a/favorite.png differ
diff --git a/assets/images/side_a/home_bg.png b/assets/images/side_a/home_bg.png
new file mode 100644
index 0000000..180bc3d
Binary files /dev/null and b/assets/images/side_a/home_bg.png differ
diff --git a/assets/images/side_a/home_bnb_bg.png b/assets/images/side_a/home_bnb_bg.png
new file mode 100644
index 0000000..891d327
Binary files /dev/null and b/assets/images/side_a/home_bnb_bg.png differ
diff --git a/assets/images/side_a/icon_chevron_right.png b/assets/images/side_a/icon_chevron_right.png
new file mode 100644
index 0000000..1c3733b
Binary files /dev/null and b/assets/images/side_a/icon_chevron_right.png differ
diff --git a/assets/images/side_a/launch_image.png b/assets/images/side_a/launch_image.png
new file mode 100755
index 0000000..c57fd06
Binary files /dev/null and b/assets/images/side_a/launch_image.png differ
diff --git a/assets/images/side_a/more.png b/assets/images/side_a/more.png
new file mode 100644
index 0000000..ac179f4
Binary files /dev/null and b/assets/images/side_a/more.png differ
diff --git a/assets/images/side_a/not_favorite.png b/assets/images/side_a/not_favorite.png
new file mode 100644
index 0000000..9d4166e
Binary files /dev/null and b/assets/images/side_a/not_favorite.png differ
diff --git a/assets/images/side_a/not_played.png b/assets/images/side_a/not_played.png
new file mode 100644
index 0000000..cba9c9c
Binary files /dev/null and b/assets/images/side_a/not_played.png differ
diff --git a/assets/images/side_a/not_played1.png b/assets/images/side_a/not_played1.png
new file mode 100644
index 0000000..161001a
Binary files /dev/null and b/assets/images/side_a/not_played1.png differ
diff --git a/assets/images/side_a/play_sound_bg.png b/assets/images/side_a/play_sound_bg.png
new file mode 100644
index 0000000..09d5c8b
Binary files /dev/null and b/assets/images/side_a/play_sound_bg.png differ
diff --git a/assets/images/side_a/playing.png b/assets/images/side_a/playing.png
new file mode 100644
index 0000000..fceb125
Binary files /dev/null and b/assets/images/side_a/playing.png differ
diff --git a/assets/images/side_a/playing1.png b/assets/images/side_a/playing1.png
new file mode 100644
index 0000000..3a7366f
Binary files /dev/null and b/assets/images/side_a/playing1.png differ
diff --git a/assets/images/side_a/privacy.png b/assets/images/side_a/privacy.png
new file mode 100644
index 0000000..387de99
Binary files /dev/null and b/assets/images/side_a/privacy.png differ
diff --git a/assets/images/side_a/settings_bg.png b/assets/images/side_a/settings_bg.png
new file mode 100644
index 0000000..3719821
Binary files /dev/null and b/assets/images/side_a/settings_bg.png differ
diff --git a/assets/images/side_a/subtract.png b/assets/images/side_a/subtract.png
new file mode 100644
index 0000000..aaa3f8d
Binary files /dev/null and b/assets/images/side_a/subtract.png differ
diff --git a/assets/images/side_a/the_monster.png b/assets/images/side_a/the_monster.png
new file mode 100644
index 0000000..6bc7897
Binary files /dev/null and b/assets/images/side_a/the_monster.png differ
diff --git a/assets/images/side_a/the_monster1.png b/assets/images/side_a/the_monster1.png
new file mode 100644
index 0000000..9f11978
Binary files /dev/null and b/assets/images/side_a/the_monster1.png differ
diff --git a/assets/images/side_a/the_monster2.png b/assets/images/side_a/the_monster2.png
new file mode 100644
index 0000000..a440183
Binary files /dev/null and b/assets/images/side_a/the_monster2.png differ
diff --git a/assets/images/side_a/upload_method_bg.png b/assets/images/side_a/upload_method_bg.png
new file mode 100644
index 0000000..62d8e3f
Binary files /dev/null and b/assets/images/side_a/upload_method_bg.png differ
diff --git a/assets/images/side_a/upload_pick.png b/assets/images/side_a/upload_pick.png
new file mode 100644
index 0000000..812446e
Binary files /dev/null and b/assets/images/side_a/upload_pick.png differ
diff --git a/assets/images/side_a/upload_record_sound.png b/assets/images/side_a/upload_record_sound.png
new file mode 100644
index 0000000..aef78b4
Binary files /dev/null and b/assets/images/side_a/upload_record_sound.png differ
diff --git a/assets/images/side_a/user_agreement.png b/assets/images/side_a/user_agreement.png
new file mode 100644
index 0000000..d1e5380
Binary files /dev/null and b/assets/images/side_a/user_agreement.png differ
diff --git a/assets/images/side_a/voice_default.png b/assets/images/side_a/voice_default.png
new file mode 100644
index 0000000..b495758
Binary files /dev/null and b/assets/images/side_a/voice_default.png differ
diff --git a/assets/images/side_b/arrow_down_back.png b/assets/images/side_b/arrow_down_back.png
new file mode 100755
index 0000000..1ff1c9e
Binary files /dev/null and b/assets/images/side_b/arrow_down_back.png differ
diff --git a/assets/images/side_b/arrow_left_back.png b/assets/images/side_b/arrow_left_back.png
new file mode 100644
index 0000000..dc24c9b
Binary files /dev/null and b/assets/images/side_b/arrow_left_back.png differ
diff --git a/assets/images/side_b/arrow_right_item.png b/assets/images/side_b/arrow_right_item.png
new file mode 100644
index 0000000..63b6f3b
Binary files /dev/null and b/assets/images/side_b/arrow_right_item.png differ
diff --git a/assets/images/side_b/bnb1_selected.png b/assets/images/side_b/bnb1_selected.png
new file mode 100755
index 0000000..81c05cd
Binary files /dev/null and b/assets/images/side_b/bnb1_selected.png differ
diff --git a/assets/images/side_b/bnb1_unselected.png b/assets/images/side_b/bnb1_unselected.png
new file mode 100755
index 0000000..2b60980
Binary files /dev/null and b/assets/images/side_b/bnb1_unselected.png differ
diff --git a/assets/images/side_b/bnb2_selected.png b/assets/images/side_b/bnb2_selected.png
new file mode 100755
index 0000000..63d255c
Binary files /dev/null and b/assets/images/side_b/bnb2_selected.png differ
diff --git a/assets/images/side_b/bnb2_unselected.png b/assets/images/side_b/bnb2_unselected.png
new file mode 100755
index 0000000..b4c3a81
Binary files /dev/null and b/assets/images/side_b/bnb2_unselected.png differ
diff --git a/assets/images/side_b/bnb3_selected.png b/assets/images/side_b/bnb3_selected.png
new file mode 100755
index 0000000..a3a04ec
Binary files /dev/null and b/assets/images/side_b/bnb3_selected.png differ
diff --git a/assets/images/side_b/bnb3_unselected.png b/assets/images/side_b/bnb3_unselected.png
new file mode 100755
index 0000000..a676cf0
Binary files /dev/null and b/assets/images/side_b/bnb3_unselected.png differ
diff --git a/assets/images/side_b/bnb_bg.png b/assets/images/side_b/bnb_bg.png
new file mode 100755
index 0000000..77c44da
Binary files /dev/null and b/assets/images/side_b/bnb_bg.png differ
diff --git a/assets/images/side_b/cross_circle.png b/assets/images/side_b/cross_circle.png
new file mode 100644
index 0000000..e41ed57
Binary files /dev/null and b/assets/images/side_b/cross_circle.png differ
diff --git a/assets/images/side_b/download.png b/assets/images/side_b/download.png
new file mode 100755
index 0000000..ae33156
Binary files /dev/null and b/assets/images/side_b/download.png differ
diff --git a/assets/images/side_b/home_bg.png b/assets/images/side_b/home_bg.png
new file mode 100755
index 0000000..a511d5f
Binary files /dev/null and b/assets/images/side_b/home_bg.png differ
diff --git a/assets/images/side_b/img_error.png b/assets/images/side_b/img_error.png
new file mode 100644
index 0000000..7ef1e09
Binary files /dev/null and b/assets/images/side_b/img_error.png differ
diff --git a/assets/images/side_b/img_placeholder.png b/assets/images/side_b/img_placeholder.png
new file mode 100644
index 0000000..f7a5faf
Binary files /dev/null and b/assets/images/side_b/img_placeholder.png differ
diff --git a/assets/images/side_b/item_player1.png b/assets/images/side_b/item_player1.png
new file mode 100644
index 0000000..d31397e
Binary files /dev/null and b/assets/images/side_b/item_player1.png differ
diff --git a/assets/images/side_b/launch_image.png b/assets/images/side_b/launch_image.png
new file mode 100755
index 0000000..6780144
Binary files /dev/null and b/assets/images/side_b/launch_image.png differ
diff --git a/assets/images/side_b/line_menu.png b/assets/images/side_b/line_menu.png
new file mode 100644
index 0000000..4866d9c
Binary files /dev/null and b/assets/images/side_b/line_menu.png differ
diff --git a/assets/images/side_b/list_loop.png b/assets/images/side_b/list_loop.png
new file mode 100755
index 0000000..98113a8
Binary files /dev/null and b/assets/images/side_b/list_loop.png differ
diff --git a/assets/images/side_b/love.png b/assets/images/side_b/love.png
new file mode 100755
index 0000000..7f36546
Binary files /dev/null and b/assets/images/side_b/love.png differ
diff --git a/assets/images/side_b/next_song.png b/assets/images/side_b/next_song.png
new file mode 100755
index 0000000..7bcfc34
Binary files /dev/null and b/assets/images/side_b/next_song.png differ
diff --git a/assets/images/side_b/pause_play.png b/assets/images/side_b/pause_play.png
new file mode 100644
index 0000000..63e6635
Binary files /dev/null and b/assets/images/side_b/pause_play.png differ
diff --git a/assets/images/side_b/play_list.png b/assets/images/side_b/play_list.png
new file mode 100755
index 0000000..d17b9f8
Binary files /dev/null and b/assets/images/side_b/play_list.png differ
diff --git a/assets/images/side_b/previous_song.png b/assets/images/side_b/previous_song.png
new file mode 100755
index 0000000..4508a58
Binary files /dev/null and b/assets/images/side_b/previous_song.png differ
diff --git a/assets/images/side_b/shuffle_playback.png b/assets/images/side_b/shuffle_playback.png
new file mode 100755
index 0000000..7d3cb2f
Binary files /dev/null and b/assets/images/side_b/shuffle_playback.png differ
diff --git a/assets/images/side_b/single_cycle.png b/assets/images/side_b/single_cycle.png
new file mode 100755
index 0000000..1e6c8a2
Binary files /dev/null and b/assets/images/side_b/single_cycle.png differ
diff --git a/assets/images/side_b/start_play.png b/assets/images/side_b/start_play.png
new file mode 100755
index 0000000..a1e99f1
Binary files /dev/null and b/assets/images/side_b/start_play.png differ
diff --git a/ios/Podfile b/ios/Podfile
index 582b84f..38efff8 100644
--- a/ios/Podfile
+++ b/ios/Podfile
@@ -1,5 +1,5 @@
 # Uncomment this line to define a global platform for your project
-# platform :ios, '12.0'
+platform :ios, '13.0'
 
 # CocoaPods analytics sends network stats synchronously affecting flutter build latency.
 ENV['COCOAPODS_DISABLE_STATS'] = 'true'
diff --git a/ios/Runner.xcodeproj/project.pbxproj b/ios/Runner.xcodeproj/project.pbxproj
index 6ab24fb..6e9af27 100644
--- a/ios/Runner.xcodeproj/project.pbxproj
+++ b/ios/Runner.xcodeproj/project.pbxproj
@@ -7,15 +7,15 @@
 	objects = {
 
 /* Begin PBXBuildFile section */
+		0E3C8ED764A2E3DE62CFD362 /* Pods_RunnerTests.framework in Frameworks */ = {isa = PBXBuildFile; fileRef = 6BF798B6897F9DA9C9FA3813 /* Pods_RunnerTests.framework */; };
 		1498D2341E8E89220040F4C2 /* GeneratedPluginRegistrant.m in Sources */ = {isa = PBXBuildFile; fileRef = 1498D2331E8E89220040F4C2 /* GeneratedPluginRegistrant.m */; };
 		331C808B294A63AB00263BE5 /* RunnerTests.swift in Sources */ = {isa = PBXBuildFile; fileRef = 331C807B294A618700263BE5 /* RunnerTests.swift */; };
 		3B3967161E833CAA004F5970 /* AppFrameworkInfo.plist in Resources */ = {isa = PBXBuildFile; fileRef = 3B3967151E833CAA004F5970 /* AppFrameworkInfo.plist */; };
 		74858FAF1ED2DC5600515810 /* AppDelegate.swift in Sources */ = {isa = PBXBuildFile; fileRef = 74858FAE1ED2DC5600515810 /* AppDelegate.swift */; };
-		925BBB4BF91FBC45FBB1A990 /* Pods_Runner.framework in Frameworks */ = {isa = PBXBuildFile; fileRef = C91796818A214085F4162C91 /* Pods_Runner.framework */; };
 		97C146FC1CF9000F007C117D /* Main.storyboard in Resources */ = {isa = PBXBuildFile; fileRef = 97C146FA1CF9000F007C117D /* Main.storyboard */; };
 		97C146FE1CF9000F007C117D /* Assets.xcassets in Resources */ = {isa = PBXBuildFile; fileRef = 97C146FD1CF9000F007C117D /* Assets.xcassets */; };
 		97C147011CF9000F007C117D /* LaunchScreen.storyboard in Resources */ = {isa = PBXBuildFile; fileRef = 97C146FF1CF9000F007C117D /* LaunchScreen.storyboard */; };
-		A6510AE14FDB018A6A1FC10C /* Pods_RunnerTests.framework in Frameworks */ = {isa = PBXBuildFile; fileRef = BEB22C16B3B24D2C591559EB /* Pods_RunnerTests.framework */; };
+		ADF96F3B5CFC72564F2A633F /* Pods_Runner.framework in Frameworks */ = {isa = PBXBuildFile; fileRef = 0AC2EF61EC3F63B62B3CB8CD /* Pods_Runner.framework */; };
 /* End PBXBuildFile section */
 
 /* Begin PBXContainerItemProxy section */
@@ -42,17 +42,20 @@
 /* End PBXCopyFilesBuildPhase section */
 
 /* Begin PBXFileReference section */
+		0AC2EF61EC3F63B62B3CB8CD /* Pods_Runner.framework */ = {isa = PBXFileReference; explicitFileType = wrapper.framework; includeInIndex = 0; path = Pods_Runner.framework; sourceTree = BUILT_PRODUCTS_DIR; };
 		1498D2321E8E86230040F4C2 /* GeneratedPluginRegistrant.h */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.c.h; path = GeneratedPluginRegistrant.h; sourceTree = "<group>"; };
 		1498D2331E8E89220040F4C2 /* GeneratedPluginRegistrant.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = GeneratedPluginRegistrant.m; sourceTree = "<group>"; };
+		26BFB87B2BC3EB02268AE446 /* Pods-RunnerTests.release.xcconfig */ = {isa = PBXFileReference; includeInIndex = 1; lastKnownFileType = text.xcconfig; name = "Pods-RunnerTests.release.xcconfig"; path = "Target Support Files/Pods-RunnerTests/Pods-RunnerTests.release.xcconfig"; sourceTree = "<group>"; };
 		331C807B294A618700263BE5 /* RunnerTests.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = RunnerTests.swift; sourceTree = "<group>"; };
 		331C8081294A63A400263BE5 /* RunnerTests.xctest */ = {isa = PBXFileReference; explicitFileType = wrapper.cfbundle; includeInIndex = 0; path = RunnerTests.xctest; sourceTree = BUILT_PRODUCTS_DIR; };
+		389A5E66676FE3E31002C620 /* Pods-RunnerTests.profile.xcconfig */ = {isa = PBXFileReference; includeInIndex = 1; lastKnownFileType = text.xcconfig; name = "Pods-RunnerTests.profile.xcconfig"; path = "Target Support Files/Pods-RunnerTests/Pods-RunnerTests.profile.xcconfig"; sourceTree = "<group>"; };
 		3B3967151E833CAA004F5970 /* AppFrameworkInfo.plist */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = text.plist.xml; name = AppFrameworkInfo.plist; path = Flutter/AppFrameworkInfo.plist; sourceTree = "<group>"; };
-		3D79BFA926F2692E951E423D /* Pods-RunnerTests.debug.xcconfig */ = {isa = PBXFileReference; includeInIndex = 1; lastKnownFileType = text.xcconfig; name = "Pods-RunnerTests.debug.xcconfig"; path = "Target Support Files/Pods-RunnerTests/Pods-RunnerTests.debug.xcconfig"; sourceTree = "<group>"; };
-		6DC536ACE9EAB665A5771F84 /* Pods-RunnerTests.release.xcconfig */ = {isa = PBXFileReference; includeInIndex = 1; lastKnownFileType = text.xcconfig; name = "Pods-RunnerTests.release.xcconfig"; path = "Target Support Files/Pods-RunnerTests/Pods-RunnerTests.release.xcconfig"; sourceTree = "<group>"; };
+		5E7412A0E7E8B308BDC22ADE /* Pods-RunnerTests.debug.xcconfig */ = {isa = PBXFileReference; includeInIndex = 1; lastKnownFileType = text.xcconfig; name = "Pods-RunnerTests.debug.xcconfig"; path = "Target Support Files/Pods-RunnerTests/Pods-RunnerTests.debug.xcconfig"; sourceTree = "<group>"; };
+		6BF798B6897F9DA9C9FA3813 /* Pods_RunnerTests.framework */ = {isa = PBXFileReference; explicitFileType = wrapper.framework; includeInIndex = 0; path = Pods_RunnerTests.framework; sourceTree = BUILT_PRODUCTS_DIR; };
 		74858FAD1ED2DC5600515810 /* Runner-Bridging-Header.h */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.c.h; path = "Runner-Bridging-Header.h"; sourceTree = "<group>"; };
 		74858FAE1ED2DC5600515810 /* AppDelegate.swift */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.swift; path = AppDelegate.swift; sourceTree = "<group>"; };
 		7AFA3C8E1D35360C0083082E /* Release.xcconfig */ = {isa = PBXFileReference; lastKnownFileType = text.xcconfig; name = Release.xcconfig; path = Flutter/Release.xcconfig; sourceTree = "<group>"; };
-		81A8CE8EC3A57F78C3CD66A5 /* Pods-Runner.release.xcconfig */ = {isa = PBXFileReference; includeInIndex = 1; lastKnownFileType = text.xcconfig; name = "Pods-Runner.release.xcconfig"; path = "Target Support Files/Pods-Runner/Pods-Runner.release.xcconfig"; sourceTree = "<group>"; };
+		92484BBFCB6CF6505CC2B176 /* Pods-Runner.debug.xcconfig */ = {isa = PBXFileReference; includeInIndex = 1; lastKnownFileType = text.xcconfig; name = "Pods-Runner.debug.xcconfig"; path = "Target Support Files/Pods-Runner/Pods-Runner.debug.xcconfig"; sourceTree = "<group>"; };
 		9740EEB21CF90195004384FC /* Debug.xcconfig */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = text.xcconfig; name = Debug.xcconfig; path = Flutter/Debug.xcconfig; sourceTree = "<group>"; };
 		9740EEB31CF90195004384FC /* Generated.xcconfig */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = text.xcconfig; name = Generated.xcconfig; path = Flutter/Generated.xcconfig; sourceTree = "<group>"; };
 		97C146EE1CF9000F007C117D /* Runner.app */ = {isa = PBXFileReference; explicitFileType = wrapper.application; includeInIndex = 0; path = Runner.app; sourceTree = BUILT_PRODUCTS_DIR; };
@@ -60,11 +63,8 @@
 		97C146FD1CF9000F007C117D /* Assets.xcassets */ = {isa = PBXFileReference; lastKnownFileType = folder.assetcatalog; path = Assets.xcassets; sourceTree = "<group>"; };
 		97C147001CF9000F007C117D /* Base */ = {isa = PBXFileReference; lastKnownFileType = file.storyboard; name = Base; path = Base.lproj/LaunchScreen.storyboard; sourceTree = "<group>"; };
 		97C147021CF9000F007C117D /* Info.plist */ = {isa = PBXFileReference; lastKnownFileType = text.plist.xml; path = Info.plist; sourceTree = "<group>"; };
-		BA731EFA0086ECEDB82472B1 /* Pods-Runner.profile.xcconfig */ = {isa = PBXFileReference; includeInIndex = 1; lastKnownFileType = text.xcconfig; name = "Pods-Runner.profile.xcconfig"; path = "Target Support Files/Pods-Runner/Pods-Runner.profile.xcconfig"; sourceTree = "<group>"; };
-		BEB22C16B3B24D2C591559EB /* Pods_RunnerTests.framework */ = {isa = PBXFileReference; explicitFileType = wrapper.framework; includeInIndex = 0; path = Pods_RunnerTests.framework; sourceTree = BUILT_PRODUCTS_DIR; };
-		C91796818A214085F4162C91 /* Pods_Runner.framework */ = {isa = PBXFileReference; explicitFileType = wrapper.framework; includeInIndex = 0; path = Pods_Runner.framework; sourceTree = BUILT_PRODUCTS_DIR; };
-		D92471E2F24A6FD8A5BA58E3 /* Pods-RunnerTests.profile.xcconfig */ = {isa = PBXFileReference; includeInIndex = 1; lastKnownFileType = text.xcconfig; name = "Pods-RunnerTests.profile.xcconfig"; path = "Target Support Files/Pods-RunnerTests/Pods-RunnerTests.profile.xcconfig"; sourceTree = "<group>"; };
-		FB8787F438B0AA18A3B0D78F /* Pods-Runner.debug.xcconfig */ = {isa = PBXFileReference; includeInIndex = 1; lastKnownFileType = text.xcconfig; name = "Pods-Runner.debug.xcconfig"; path = "Target Support Files/Pods-Runner/Pods-Runner.debug.xcconfig"; sourceTree = "<group>"; };
+		9D08EBC3D59D2717883893BF /* Pods-Runner.profile.xcconfig */ = {isa = PBXFileReference; includeInIndex = 1; lastKnownFileType = text.xcconfig; name = "Pods-Runner.profile.xcconfig"; path = "Target Support Files/Pods-Runner/Pods-Runner.profile.xcconfig"; sourceTree = "<group>"; };
+		D18475A9A14492EB8B792766 /* Pods-Runner.release.xcconfig */ = {isa = PBXFileReference; includeInIndex = 1; lastKnownFileType = text.xcconfig; name = "Pods-Runner.release.xcconfig"; path = "Target Support Files/Pods-Runner/Pods-Runner.release.xcconfig"; sourceTree = "<group>"; };
 /* End PBXFileReference section */
 
 /* Begin PBXFrameworksBuildPhase section */
@@ -72,7 +72,7 @@
 			isa = PBXFrameworksBuildPhase;
 			buildActionMask = 2147483647;
 			files = (
-				A6510AE14FDB018A6A1FC10C /* Pods_RunnerTests.framework in Frameworks */,
+				0E3C8ED764A2E3DE62CFD362 /* Pods_RunnerTests.framework in Frameworks */,
 			);
 			runOnlyForDeploymentPostprocessing = 0;
 		};
@@ -80,7 +80,7 @@
 			isa = PBXFrameworksBuildPhase;
 			buildActionMask = 2147483647;
 			files = (
-				925BBB4BF91FBC45FBB1A990 /* Pods_Runner.framework in Frameworks */,
+				ADF96F3B5CFC72564F2A633F /* Pods_Runner.framework in Frameworks */,
 			);
 			runOnlyForDeploymentPostprocessing = 0;
 		};
@@ -90,12 +90,12 @@
 		06B37D8EB177ACB4CB662CE4 /* Pods */ = {
 			isa = PBXGroup;
 			children = (
-				FB8787F438B0AA18A3B0D78F /* Pods-Runner.debug.xcconfig */,
-				81A8CE8EC3A57F78C3CD66A5 /* Pods-Runner.release.xcconfig */,
-				BA731EFA0086ECEDB82472B1 /* Pods-Runner.profile.xcconfig */,
-				3D79BFA926F2692E951E423D /* Pods-RunnerTests.debug.xcconfig */,
-				6DC536ACE9EAB665A5771F84 /* Pods-RunnerTests.release.xcconfig */,
-				D92471E2F24A6FD8A5BA58E3 /* Pods-RunnerTests.profile.xcconfig */,
+				92484BBFCB6CF6505CC2B176 /* Pods-Runner.debug.xcconfig */,
+				D18475A9A14492EB8B792766 /* Pods-Runner.release.xcconfig */,
+				9D08EBC3D59D2717883893BF /* Pods-Runner.profile.xcconfig */,
+				5E7412A0E7E8B308BDC22ADE /* Pods-RunnerTests.debug.xcconfig */,
+				26BFB87B2BC3EB02268AE446 /* Pods-RunnerTests.release.xcconfig */,
+				389A5E66676FE3E31002C620 /* Pods-RunnerTests.profile.xcconfig */,
 			);
 			path = Pods;
 			sourceTree = "<group>";
@@ -108,6 +108,15 @@
 			path = RunnerTests;
 			sourceTree = "<group>";
 		};
+		765CF5BAC126516D18169383 /* Frameworks */ = {
+			isa = PBXGroup;
+			children = (
+				0AC2EF61EC3F63B62B3CB8CD /* Pods_Runner.framework */,
+				6BF798B6897F9DA9C9FA3813 /* Pods_RunnerTests.framework */,
+			);
+			name = Frameworks;
+			sourceTree = "<group>";
+		};
 		9740EEB11CF90186004384FC /* Flutter */ = {
 			isa = PBXGroup;
 			children = (
@@ -127,7 +136,7 @@
 				97C146EF1CF9000F007C117D /* Products */,
 				331C8082294A63A400263BE5 /* RunnerTests */,
 				06B37D8EB177ACB4CB662CE4 /* Pods */,
-				E55198C68B319926C19EBEAD /* Frameworks */,
+				765CF5BAC126516D18169383 /* Frameworks */,
 			);
 			sourceTree = "<group>";
 		};
@@ -155,15 +164,6 @@
 			path = Runner;
 			sourceTree = "<group>";
 		};
-		E55198C68B319926C19EBEAD /* Frameworks */ = {
-			isa = PBXGroup;
-			children = (
-				C91796818A214085F4162C91 /* Pods_Runner.framework */,
-				BEB22C16B3B24D2C591559EB /* Pods_RunnerTests.framework */,
-			);
-			name = Frameworks;
-			sourceTree = "<group>";
-		};
 /* End PBXGroup section */
 
 /* Begin PBXNativeTarget section */
@@ -171,7 +171,7 @@
 			isa = PBXNativeTarget;
 			buildConfigurationList = 331C8087294A63A400263BE5 /* Build configuration list for PBXNativeTarget "RunnerTests" */;
 			buildPhases = (
-				3328770FD52F6A91D69781E2 /* [CP] Check Pods Manifest.lock */,
+				E040BC0907A2FCC189B8FC2B /* [CP] Check Pods Manifest.lock */,
 				331C807D294A63A400263BE5 /* Sources */,
 				331C807F294A63A400263BE5 /* Resources */,
 				919C09B0ABA7AEAA1D338A7F /* Frameworks */,
@@ -190,15 +190,15 @@
 			isa = PBXNativeTarget;
 			buildConfigurationList = 97C147051CF9000F007C117D /* Build configuration list for PBXNativeTarget "Runner" */;
 			buildPhases = (
-				C542A9B4237B5E1EE18032BC /* [CP] Check Pods Manifest.lock */,
+				79BC1B900C0D053612FD942E /* [CP] Check Pods Manifest.lock */,
 				9740EEB61CF901F6004384FC /* Run Script */,
 				97C146EA1CF9000F007C117D /* Sources */,
 				97C146EB1CF9000F007C117D /* Frameworks */,
 				97C146EC1CF9000F007C117D /* Resources */,
 				9705A1C41CF9048500538489 /* Embed Frameworks */,
 				3B06AD1E1E4923F5004D2608 /* Thin Binary */,
-				E55B512904DEEE14C1BC5CE8 /* [CP] Embed Pods Frameworks */,
-				4500EF8764FAF4DD82D7D320 /* [CP] Copy Pods Resources */,
+				5395B25A5C39C25846193A06 /* [CP] Embed Pods Frameworks */,
+				753C91065EEA506C81D4CCA5 /* [CP] Copy Pods Resources */,
 			);
 			buildRules = (
 			);
@@ -270,28 +270,6 @@
 /* End PBXResourcesBuildPhase section */
 
 /* Begin PBXShellScriptBuildPhase section */
-		3328770FD52F6A91D69781E2 /* [CP] Check Pods Manifest.lock */ = {
-			isa = PBXShellScriptBuildPhase;
-			buildActionMask = 2147483647;
-			files = (
-			);
-			inputFileListPaths = (
-			);
-			inputPaths = (
-				"${PODS_PODFILE_DIR_PATH}/Podfile.lock",
-				"${PODS_ROOT}/Manifest.lock",
-			);
-			name = "[CP] Check Pods Manifest.lock";
-			outputFileListPaths = (
-			);
-			outputPaths = (
-				"$(DERIVED_FILE_DIR)/Pods-RunnerTests-checkManifestLockResult.txt",
-			);
-			runOnlyForDeploymentPostprocessing = 0;
-			shellPath = /bin/sh;
-			shellScript = "diff \"${PODS_PODFILE_DIR_PATH}/Podfile.lock\" \"${PODS_ROOT}/Manifest.lock\" > /dev/null\nif [ $? != 0 ] ; then\n    # print error to STDERR\n    echo \"error: The sandbox is not in sync with the Podfile.lock. Run 'pod install' or update your CocoaPods installation.\" >&2\n    exit 1\nfi\n# This output is used by Xcode 'outputs' to avoid re-running this script phase.\necho \"SUCCESS\" > \"${SCRIPT_OUTPUT_FILE_0}\"\n";
-			showEnvVarsInLog = 0;
-		};
 		3B06AD1E1E4923F5004D2608 /* Thin Binary */ = {
 			isa = PBXShellScriptBuildPhase;
 			alwaysOutOfDate = 1;
@@ -308,7 +286,24 @@
 			shellPath = /bin/sh;
 			shellScript = "/bin/sh \"$FLUTTER_ROOT/packages/flutter_tools/bin/xcode_backend.sh\" embed_and_thin";
 		};
-		4500EF8764FAF4DD82D7D320 /* [CP] Copy Pods Resources */ = {
+		5395B25A5C39C25846193A06 /* [CP] Embed Pods Frameworks */ = {
+			isa = PBXShellScriptBuildPhase;
+			buildActionMask = 2147483647;
+			files = (
+			);
+			inputFileListPaths = (
+				"${PODS_ROOT}/Target Support Files/Pods-Runner/Pods-Runner-frameworks-${CONFIGURATION}-input-files.xcfilelist",
+			);
+			name = "[CP] Embed Pods Frameworks";
+			outputFileListPaths = (
+				"${PODS_ROOT}/Target Support Files/Pods-Runner/Pods-Runner-frameworks-${CONFIGURATION}-output-files.xcfilelist",
+			);
+			runOnlyForDeploymentPostprocessing = 0;
+			shellPath = /bin/sh;
+			shellScript = "\"${PODS_ROOT}/Target Support Files/Pods-Runner/Pods-Runner-frameworks.sh\"\n";
+			showEnvVarsInLog = 0;
+		};
+		753C91065EEA506C81D4CCA5 /* [CP] Copy Pods Resources */ = {
 			isa = PBXShellScriptBuildPhase;
 			buildActionMask = 2147483647;
 			files = (
@@ -325,22 +320,7 @@
 			shellScript = "\"${PODS_ROOT}/Target Support Files/Pods-Runner/Pods-Runner-resources.sh\"\n";
 			showEnvVarsInLog = 0;
 		};
-		9740EEB61CF901F6004384FC /* Run Script */ = {
-			isa = PBXShellScriptBuildPhase;
-			alwaysOutOfDate = 1;
-			buildActionMask = 2147483647;
-			files = (
-			);
-			inputPaths = (
-			);
-			name = "Run Script";
-			outputPaths = (
-			);
-			runOnlyForDeploymentPostprocessing = 0;
-			shellPath = /bin/sh;
-			shellScript = "/bin/sh \"$FLUTTER_ROOT/packages/flutter_tools/bin/xcode_backend.sh\" build";
-		};
-		C542A9B4237B5E1EE18032BC /* [CP] Check Pods Manifest.lock */ = {
+		79BC1B900C0D053612FD942E /* [CP] Check Pods Manifest.lock */ = {
 			isa = PBXShellScriptBuildPhase;
 			buildActionMask = 2147483647;
 			files = (
@@ -362,21 +342,41 @@
 			shellScript = "diff \"${PODS_PODFILE_DIR_PATH}/Podfile.lock\" \"${PODS_ROOT}/Manifest.lock\" > /dev/null\nif [ $? != 0 ] ; then\n    # print error to STDERR\n    echo \"error: The sandbox is not in sync with the Podfile.lock. Run 'pod install' or update your CocoaPods installation.\" >&2\n    exit 1\nfi\n# This output is used by Xcode 'outputs' to avoid re-running this script phase.\necho \"SUCCESS\" > \"${SCRIPT_OUTPUT_FILE_0}\"\n";
 			showEnvVarsInLog = 0;
 		};
-		E55B512904DEEE14C1BC5CE8 /* [CP] Embed Pods Frameworks */ = {
+		9740EEB61CF901F6004384FC /* Run Script */ = {
+			isa = PBXShellScriptBuildPhase;
+			alwaysOutOfDate = 1;
+			buildActionMask = 2147483647;
+			files = (
+			);
+			inputPaths = (
+			);
+			name = "Run Script";
+			outputPaths = (
+			);
+			runOnlyForDeploymentPostprocessing = 0;
+			shellPath = /bin/sh;
+			shellScript = "/bin/sh \"$FLUTTER_ROOT/packages/flutter_tools/bin/xcode_backend.sh\" build";
+		};
+		E040BC0907A2FCC189B8FC2B /* [CP] Check Pods Manifest.lock */ = {
 			isa = PBXShellScriptBuildPhase;
 			buildActionMask = 2147483647;
 			files = (
 			);
 			inputFileListPaths = (
-				"${PODS_ROOT}/Target Support Files/Pods-Runner/Pods-Runner-frameworks-${CONFIGURATION}-input-files.xcfilelist",
 			);
-			name = "[CP] Embed Pods Frameworks";
+			inputPaths = (
+				"${PODS_PODFILE_DIR_PATH}/Podfile.lock",
+				"${PODS_ROOT}/Manifest.lock",
+			);
+			name = "[CP] Check Pods Manifest.lock";
 			outputFileListPaths = (
-				"${PODS_ROOT}/Target Support Files/Pods-Runner/Pods-Runner-frameworks-${CONFIGURATION}-output-files.xcfilelist",
+			);
+			outputPaths = (
+				"$(DERIVED_FILE_DIR)/Pods-RunnerTests-checkManifestLockResult.txt",
 			);
 			runOnlyForDeploymentPostprocessing = 0;
 			shellPath = /bin/sh;
-			shellScript = "\"${PODS_ROOT}/Target Support Files/Pods-Runner/Pods-Runner-frameworks.sh\"\n";
+			shellScript = "diff \"${PODS_PODFILE_DIR_PATH}/Podfile.lock\" \"${PODS_ROOT}/Manifest.lock\" > /dev/null\nif [ $? != 0 ] ; then\n    # print error to STDERR\n    echo \"error: The sandbox is not in sync with the Podfile.lock. Run 'pod install' or update your CocoaPods installation.\" >&2\n    exit 1\nfi\n# This output is used by Xcode 'outputs' to avoid re-running this script phase.\necho \"SUCCESS\" > \"${SCRIPT_OUTPUT_FILE_0}\"\n";
 			showEnvVarsInLog = 0;
 		};
 /* End PBXShellScriptBuildPhase section */
@@ -434,6 +434,7 @@
 			buildSettings = {
 				ALWAYS_SEARCH_USER_PATHS = NO;
 				ASSETCATALOG_COMPILER_GENERATE_SWIFT_ASSET_SYMBOL_EXTENSIONS = YES;
+				CLANG_ANALYZER_LOCALIZABILITY_NONLOCALIZED = YES;
 				CLANG_ANALYZER_NONNULL = YES;
 				CLANG_CXX_LANGUAGE_STANDARD = "gnu++0x";
 				CLANG_CXX_LIBRARY = "libc++";
@@ -487,14 +488,14 @@
 			buildSettings = {
 				ASSETCATALOG_COMPILER_APPICON_NAME = AppIcon;
 				CLANG_ENABLE_MODULES = YES;
-				"CODE_SIGN_IDENTITY[sdk=iphoneos*]" = "iPhone Distribution";
+				"CODE_SIGN_IDENTITY[sdk=iphoneos*]" = "iPhone Developer";
 				CODE_SIGN_STYLE = Manual;
-				CURRENT_PROJECT_VERSION = "$(FLUTTER_BUILD_NUMBER)";
+				CURRENT_PROJECT_VERSION = 12;
 				DEVELOPMENT_TEAM = "";
 				"DEVELOPMENT_TEAM[sdk=iphoneos*]" = UH427LWP22;
 				ENABLE_BITCODE = NO;
 				INFOPLIST_FILE = Runner/Info.plist;
-				IPHONEOS_DEPLOYMENT_TARGET = 12.1;
+				IPHONEOS_DEPLOYMENT_TARGET = 13.0;
 				LD_RUNPATH_SEARCH_PATHS = (
 					"$(inherited)",
 					"@executable_path/Frameworks",
@@ -502,7 +503,7 @@
 				PRODUCT_BUNDLE_IDENTIFIER = com.tone.music.offline;
 				PRODUCT_NAME = "$(TARGET_NAME)";
 				PROVISIONING_PROFILE_SPECIFIER = "";
-				"PROVISIONING_PROFILE_SPECIFIER[sdk=iphoneos*]" = ToneSnap;
+				"PROVISIONING_PROFILE_SPECIFIER[sdk=iphoneos*]" = tone_snap;
 				SUPPORTED_PLATFORMS = "iphoneos iphonesimulator";
 				SUPPORTS_MACCATALYST = NO;
 				SUPPORTS_MAC_DESIGNED_FOR_IPHONE_IPAD = NO;
@@ -516,7 +517,7 @@
 		};
 		331C8088294A63A400263BE5 /* Debug */ = {
 			isa = XCBuildConfiguration;
-			baseConfigurationReference = 3D79BFA926F2692E951E423D /* Pods-RunnerTests.debug.xcconfig */;
+			baseConfigurationReference = 5E7412A0E7E8B308BDC22ADE /* Pods-RunnerTests.debug.xcconfig */;
 			buildSettings = {
 				BUNDLE_LOADER = "$(TEST_HOST)";
 				CODE_SIGN_IDENTITY = "Apple Development";
@@ -537,7 +538,7 @@
 		};
 		331C8089294A63A400263BE5 /* Release */ = {
 			isa = XCBuildConfiguration;
-			baseConfigurationReference = 6DC536ACE9EAB665A5771F84 /* Pods-RunnerTests.release.xcconfig */;
+			baseConfigurationReference = 26BFB87B2BC3EB02268AE446 /* Pods-RunnerTests.release.xcconfig */;
 			buildSettings = {
 				BUNDLE_LOADER = "$(TEST_HOST)";
 				CODE_SIGN_STYLE = Automatic;
@@ -553,7 +554,7 @@
 		};
 		331C808A294A63A400263BE5 /* Profile */ = {
 			isa = XCBuildConfiguration;
-			baseConfigurationReference = D92471E2F24A6FD8A5BA58E3 /* Pods-RunnerTests.profile.xcconfig */;
+			baseConfigurationReference = 389A5E66676FE3E31002C620 /* Pods-RunnerTests.profile.xcconfig */;
 			buildSettings = {
 				BUNDLE_LOADER = "$(TEST_HOST)";
 				CODE_SIGN_STYLE = Automatic;
@@ -572,6 +573,7 @@
 			buildSettings = {
 				ALWAYS_SEARCH_USER_PATHS = NO;
 				ASSETCATALOG_COMPILER_GENERATE_SWIFT_ASSET_SYMBOL_EXTENSIONS = AppIcon;
+				CLANG_ANALYZER_LOCALIZABILITY_NONLOCALIZED = YES;
 				CLANG_ANALYZER_NONNULL = YES;
 				CLANG_CXX_LANGUAGE_STANDARD = "gnu++0x";
 				CLANG_CXX_LIBRARY = "libc++";
@@ -629,6 +631,7 @@
 			buildSettings = {
 				ALWAYS_SEARCH_USER_PATHS = NO;
 				ASSETCATALOG_COMPILER_GENERATE_SWIFT_ASSET_SYMBOL_EXTENSIONS = AppIcon;
+				CLANG_ANALYZER_LOCALIZABILITY_NONLOCALIZED = YES;
 				CLANG_ANALYZER_NONNULL = YES;
 				CLANG_CXX_LANGUAGE_STANDARD = "gnu++0x";
 				CLANG_CXX_LIBRARY = "libc++";
@@ -684,14 +687,14 @@
 			buildSettings = {
 				ASSETCATALOG_COMPILER_APPICON_NAME = AppIcon;
 				CLANG_ENABLE_MODULES = YES;
-				"CODE_SIGN_IDENTITY[sdk=iphoneos*]" = "iPhone Distribution";
+				"CODE_SIGN_IDENTITY[sdk=iphoneos*]" = "iPhone Developer";
 				CODE_SIGN_STYLE = Manual;
-				CURRENT_PROJECT_VERSION = "$(FLUTTER_BUILD_NUMBER)";
+				CURRENT_PROJECT_VERSION = 12;
 				DEVELOPMENT_TEAM = "";
 				"DEVELOPMENT_TEAM[sdk=iphoneos*]" = UH427LWP22;
 				ENABLE_BITCODE = NO;
 				INFOPLIST_FILE = Runner/Info.plist;
-				IPHONEOS_DEPLOYMENT_TARGET = 12.1;
+				IPHONEOS_DEPLOYMENT_TARGET = 13.0;
 				LD_RUNPATH_SEARCH_PATHS = (
 					"$(inherited)",
 					"@executable_path/Frameworks",
@@ -699,7 +702,7 @@
 				PRODUCT_BUNDLE_IDENTIFIER = com.tone.music.offline;
 				PRODUCT_NAME = "$(TARGET_NAME)";
 				PROVISIONING_PROFILE_SPECIFIER = "";
-				"PROVISIONING_PROFILE_SPECIFIER[sdk=iphoneos*]" = ToneSnap;
+				"PROVISIONING_PROFILE_SPECIFIER[sdk=iphoneos*]" = tone_snap;
 				SUPPORTED_PLATFORMS = "iphoneos iphonesimulator";
 				SUPPORTS_MACCATALYST = NO;
 				SUPPORTS_MAC_DESIGNED_FOR_IPHONE_IPAD = NO;
@@ -718,14 +721,14 @@
 			buildSettings = {
 				ASSETCATALOG_COMPILER_APPICON_NAME = AppIcon;
 				CLANG_ENABLE_MODULES = YES;
-				"CODE_SIGN_IDENTITY[sdk=iphoneos*]" = "iPhone Distribution";
+				"CODE_SIGN_IDENTITY[sdk=iphoneos*]" = "iPhone Developer";
 				CODE_SIGN_STYLE = Manual;
-				CURRENT_PROJECT_VERSION = "$(FLUTTER_BUILD_NUMBER)";
+				CURRENT_PROJECT_VERSION = 12;
 				DEVELOPMENT_TEAM = "";
 				"DEVELOPMENT_TEAM[sdk=iphoneos*]" = UH427LWP22;
 				ENABLE_BITCODE = NO;
 				INFOPLIST_FILE = Runner/Info.plist;
-				IPHONEOS_DEPLOYMENT_TARGET = 12.1;
+				IPHONEOS_DEPLOYMENT_TARGET = 13.0;
 				LD_RUNPATH_SEARCH_PATHS = (
 					"$(inherited)",
 					"@executable_path/Frameworks",
@@ -733,7 +736,7 @@
 				PRODUCT_BUNDLE_IDENTIFIER = com.tone.music.offline;
 				PRODUCT_NAME = "$(TARGET_NAME)";
 				PROVISIONING_PROFILE_SPECIFIER = "";
-				"PROVISIONING_PROFILE_SPECIFIER[sdk=iphoneos*]" = ToneSnap;
+				"PROVISIONING_PROFILE_SPECIFIER[sdk=iphoneos*]" = tone_snap;
 				SUPPORTED_PLATFORMS = "iphoneos iphonesimulator";
 				SUPPORTS_MACCATALYST = NO;
 				SUPPORTS_MAC_DESIGNED_FOR_IPHONE_IPAD = NO;
diff --git a/ios/Runner/Base.lproj/LaunchScreen.storyboard b/ios/Runner/Base.lproj/LaunchScreen.storyboard
index 6962ebc..3b1ba70 100644
--- a/ios/Runner/Base.lproj/LaunchScreen.storyboard
+++ b/ios/Runner/Base.lproj/LaunchScreen.storyboard
@@ -3,7 +3,7 @@
     <device id="retina6_12" orientation="portrait" appearance="light"/>
     <dependencies>
         <deployment identifier="iOS"/>
-        <plugIn identifier="com.apple.InterfaceBuilder.IBCocoaTouchPlugin" version="22684"/>
+        <plugIn identifier="com.apple.InterfaceBuilder.IBCocoaTouchPlugin" version="22685"/>
         <capability name="documents saved in the Xcode 8 format" minToolsVersion="8.0"/>
     </dependencies>
     <scenes>
@@ -19,7 +19,7 @@
                         <rect key="frame" x="0.0" y="0.0" width="393" height="852"/>
                         <autoresizingMask key="autoresizingMask" widthSizable="YES" heightSizable="YES"/>
                         <subviews>
-                            <imageView opaque="NO" clipsSubviews="YES" multipleTouchEnabled="YES" contentMode="scaleToFill" image="LaunchImage" translatesAutoresizingMaskIntoConstraints="NO" id="YRO-k0-Ey4">
+                            <imageView opaque="NO" clipsSubviews="YES" multipleTouchEnabled="YES" contentMode="scaleAspectFill" image="LaunchImage" translatesAutoresizingMaskIntoConstraints="NO" id="YRO-k0-Ey4">
                                 <rect key="frame" x="0.0" y="0.0" width="393" height="852"/>
                             </imageView>
                         </subviews>
diff --git a/ios/Runner/GoogleService-Info.plist b/ios/Runner/GoogleService-Info.plist
new file mode 100644
index 0000000..69f365e
--- /dev/null
+++ b/ios/Runner/GoogleService-Info.plist
@@ -0,0 +1,30 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
+<plist version="1.0">
+<dict>
+	<key>API_KEY</key>
+	<string>AIzaSyADeT4ReAayii_M9tl0GHR6tUlyVTXAaSU</string>
+	<key>GCM_SENDER_ID</key>
+	<string>490633527148</string>
+	<key>PLIST_VERSION</key>
+	<string>1</string>
+	<key>BUNDLE_ID</key>
+	<string>com.tone.music.offline</string>
+	<key>PROJECT_ID</key>
+	<string>tonesnap-ios</string>
+	<key>STORAGE_BUCKET</key>
+	<string>tonesnap-ios.appspot.com</string>
+	<key>IS_ADS_ENABLED</key>
+	<false></false>
+	<key>IS_ANALYTICS_ENABLED</key>
+	<false></false>
+	<key>IS_APPINVITE_ENABLED</key>
+	<true></true>
+	<key>IS_GCM_ENABLED</key>
+	<true></true>
+	<key>IS_SIGNIN_ENABLED</key>
+	<true></true>
+	<key>GOOGLE_APP_ID</key>
+	<string>1:490633527148:ios:4249839c5e2ed0d3933d49</string>
+</dict>
+</plist>
\ No newline at end of file
diff --git a/ios/Runner/Info.plist b/ios/Runner/Info.plist
index 2b4524a..2b23354 100644
--- a/ios/Runner/Info.plist
+++ b/ios/Runner/Info.plist
@@ -53,5 +53,206 @@
 		<string>UIInterfaceOrientationLandscapeLeft</string>
 		<string>UIInterfaceOrientationLandscapeRight</string>
 	</array>
+	<key>GADApplicationIdentifier</key>
+        <string>ca-app-pub-5684307632319406~7113477061</string>
+    <key>SKAdNetworkItems</key>
+    <array>
+      <dict>
+        <key>SKAdNetworkIdentifier</key>
+        <string>cstr6suwn9.skadnetwork</string>
+      </dict>
+      <dict>
+        <key>SKAdNetworkIdentifier</key>
+        <string>4fzdc2evr5.skadnetwork</string>
+      </dict>
+      <dict>
+        <key>SKAdNetworkIdentifier</key>
+        <string>4pfyvq9l8r.skadnetwork</string>
+      </dict>
+      <dict>
+        <key>SKAdNetworkIdentifier</key>
+        <string>2fnua5tdw4.skadnetwork</string>
+      </dict>
+      <dict>
+        <key>SKAdNetworkIdentifier</key>
+        <string>ydx93a7ass.skadnetwork</string>
+      </dict>
+      <dict>
+        <key>SKAdNetworkIdentifier</key>
+        <string>5a6flpkh64.skadnetwork</string>
+      </dict>
+      <dict>
+        <key>SKAdNetworkIdentifier</key>
+        <string>p78axxw29g.skadnetwork</string>
+      </dict>
+      <dict>
+        <key>SKAdNetworkIdentifier</key>
+        <string>v72qych5uu.skadnetwork</string>
+      </dict>
+      <dict>
+        <key>SKAdNetworkIdentifier</key>
+        <string>ludvb6z3bs.skadnetwork</string>
+      </dict>
+      <dict>
+        <key>SKAdNetworkIdentifier</key>
+        <string>cp8zw746q7.skadnetwork</string>
+      </dict>
+      <dict>
+        <key>SKAdNetworkIdentifier</key>
+        <string>3sh42y64q3.skadnetwork</string>
+      </dict>
+      <dict>
+        <key>SKAdNetworkIdentifier</key>
+        <string>c6k4g5qg8m.skadnetwork</string>
+      </dict>
+      <dict>
+        <key>SKAdNetworkIdentifier</key>
+        <string>s39g8k73mm.skadnetwork</string>
+      </dict>
+      <dict>
+        <key>SKAdNetworkIdentifier</key>
+        <string>3qy4746246.skadnetwork</string>
+      </dict>
+      <dict>
+        <key>SKAdNetworkIdentifier</key>
+        <string>f38h382jlk.skadnetwork</string>
+      </dict>
+      <dict>
+        <key>SKAdNetworkIdentifier</key>
+        <string>hs6bdukanm.skadnetwork</string>
+      </dict>
+      <dict>
+        <key>SKAdNetworkIdentifier</key>
+        <string>v4nxqhlyqp.skadnetwork</string>
+      </dict>
+      <dict>
+        <key>SKAdNetworkIdentifier</key>
+        <string>wzmmz9fp6w.skadnetwork</string>
+      </dict>
+      <dict>
+        <key>SKAdNetworkIdentifier</key>
+        <string>yclnxrl5pm.skadnetwork</string>
+      </dict>
+      <dict>
+        <key>SKAdNetworkIdentifier</key>
+        <string>t38b2kh725.skadnetwork</string>
+      </dict>
+      <dict>
+        <key>SKAdNetworkIdentifier</key>
+        <string>7ug5zh24hu.skadnetwork</string>
+      </dict>
+      <dict>
+        <key>SKAdNetworkIdentifier</key>
+        <string>gta9lk7p23.skadnetwork</string>
+      </dict>
+      <dict>
+        <key>SKAdNetworkIdentifier</key>
+        <string>vutu7akeur.skadnetwork</string>
+      </dict>
+      <dict>
+        <key>SKAdNetworkIdentifier</key>
+        <string>y5ghdn5j9k.skadnetwork</string>
+      </dict>
+      <dict>
+        <key>SKAdNetworkIdentifier</key>
+        <string>n6fk4nfna4.skadnetwork</string>
+      </dict>
+      <dict>
+        <key>SKAdNetworkIdentifier</key>
+        <string>v9wttpbfk9.skadnetwork</string>
+      </dict>
+      <dict>
+        <key>SKAdNetworkIdentifier</key>
+        <string>n38lu8286q.skadnetwork</string>
+      </dict>
+      <dict>
+        <key>SKAdNetworkIdentifier</key>
+        <string>47vhws6wlr.skadnetwork</string>
+      </dict>
+      <dict>
+        <key>SKAdNetworkIdentifier</key>
+        <string>kbd757ywx3.skadnetwork</string>
+      </dict>
+      <dict>
+        <key>SKAdNetworkIdentifier</key>
+        <string>9t245vhmpl.skadnetwork</string>
+      </dict>
+      <dict>
+        <key>SKAdNetworkIdentifier</key>
+        <string>eh6m2bh4zr.skadnetwork</string>
+      </dict>
+      <dict>
+        <key>SKAdNetworkIdentifier</key>
+        <string>a2p9lx4jpn.skadnetwork</string>
+      </dict>
+      <dict>
+        <key>SKAdNetworkIdentifier</key>
+        <string>22mmun2rn5.skadnetwork</string>
+      </dict>
+      <dict>
+        <key>SKAdNetworkIdentifier</key>
+        <string>4468km3ulz.skadnetwork</string>
+      </dict>
+      <dict>
+        <key>SKAdNetworkIdentifier</key>
+        <string>2u9pt9hc89.skadnetwork</string>
+      </dict>
+      <dict>
+        <key>SKAdNetworkIdentifier</key>
+        <string>8s468mfl3y.skadnetwork</string>
+      </dict>
+      <dict>
+        <key>SKAdNetworkIdentifier</key>
+        <string>klf5c3l5u5.skadnetwork</string>
+      </dict>
+      <dict>
+        <key>SKAdNetworkIdentifier</key>
+        <string>ppxm28t8ap.skadnetwork</string>
+      </dict>
+      <dict>
+        <key>SKAdNetworkIdentifier</key>
+        <string>ecpz2srf59.skadnetwork</string>
+      </dict>
+      <dict>
+        <key>SKAdNetworkIdentifier</key>
+        <string>uw77j35x4d.skadnetwork</string>
+      </dict>
+      <dict>
+        <key>SKAdNetworkIdentifier</key>
+        <string>pwa73g5rt2.skadnetwork</string>
+      </dict>
+      <dict>
+        <key>SKAdNetworkIdentifier</key>
+        <string>mlmmfzh3r3.skadnetwork</string>
+      </dict>
+      <dict>
+        <key>SKAdNetworkIdentifier</key>
+        <string>578prtvx9j.skadnetwork</string>
+      </dict>
+      <dict>
+        <key>SKAdNetworkIdentifier</key>
+        <string>4dzt52r2t5.skadnetwork</string>
+      </dict>
+      <dict>
+        <key>SKAdNetworkIdentifier</key>
+        <string>e5fvkxwrpn.skadnetwork</string>
+      </dict>
+      <dict>
+        <key>SKAdNetworkIdentifier</key>
+        <string>8c4e2ghe7u.skadnetwork</string>
+      </dict>
+      <dict>
+        <key>SKAdNetworkIdentifier</key>
+        <string>zq492l623r.skadnetwork</string>
+      </dict>
+      <dict>
+        <key>SKAdNetworkIdentifier</key>
+        <string>3rd42ekr43.skadnetwork</string>
+      </dict>
+      <dict>
+        <key>SKAdNetworkIdentifier</key>
+        <string>3qcr597p9d.skadnetwork</string>
+      </dict>
+    </array>
 </dict>
-</plist>
+</plist>
\ No newline at end of file
diff --git a/ios/Runner/zh-Hans.lproj/LaunchScreen.strings b/ios/Runner/zh-Hans.lproj/LaunchScreen.strings
new file mode 100644
index 0000000..8b13789
--- /dev/null
+++ b/ios/Runner/zh-Hans.lproj/LaunchScreen.strings
@@ -0,0 +1 @@
+
diff --git a/ios/Runner/zh-Hans.lproj/Main.strings b/ios/Runner/zh-Hans.lproj/Main.strings
new file mode 100644
index 0000000..8b13789
--- /dev/null
+++ b/ios/Runner/zh-Hans.lproj/Main.strings
@@ -0,0 +1 @@
+
diff --git a/lib/ads/app_open_ad_manager.dart b/lib/ads/app_open_ad_manager.dart
new file mode 100644
index 0000000..8c5c657
--- /dev/null
+++ b/lib/ads/app_open_ad_manager.dart
@@ -0,0 +1,135 @@
+// Author: fengshengxiong
+// Date: 2024/6/25
+// Description: 开屏广告
+
+import 'package:connectivity_plus/connectivity_plus.dart';
+import 'package:flutter/foundation.dart';
+import 'package:flutter/services.dart';
+import 'package:get/get.dart';
+import 'package:google_mobile_ads/google_mobile_ads.dart';
+import 'package:tone_snap/routes/app_routes.dart';
+import 'dart:io' show Platform;
+
+import 'package:tone_snap/utils/log_util.dart';
+
+class AppOpenAdManager {
+  AppOpenAdManager._();
+
+  static final AppOpenAdManager _instance = AppOpenAdManager._();
+
+  factory AppOpenAdManager() => _instance;
+
+  /// 加载和显示广告之间允许的最长持续时间
+  final Duration maxCacheDuration = const Duration(hours: 4);
+
+  /// 跟踪加载时间，这样我们就不会显示过期的广告
+  DateTime? _appOpenLoadTime;
+
+  AppOpenAd? _appOpenAd;
+  bool _isShowingAd = false;
+
+  /// 开屏广告单元id
+  final adUnitId = Platform.isAndroid
+      ? (kDebugMode ? 'ca-app-pub-3940256099942544/9257395921' : '')
+      : (kDebugMode ? 'ca-app-pub-3940256099942544/5575463023' : 'ca-app-pub-5684307632319406/2523581084');
+
+  /// 加载广告
+  void loadAd() async {
+    final List<ConnectivityResult> connectivityResult = await (Connectivity().checkConnectivity());
+    if (connectivityResult.contains(ConnectivityResult.none)) {
+      return;
+    }
+    if (isAdAvailable) {
+      return;
+    }
+    AppOpenAd.load(
+      adUnitId: adUnitId,
+      request: const AdRequest(),
+      adLoadCallback: AppOpenAdLoadCallback(
+        onAdLoaded: (ad) {
+          LogUtil.d('开屏广告加载完成');
+          _appOpenAd = ad;
+          _appOpenLoadTime = DateTime.now();
+        },
+        onAdFailedToLoad: (error) {
+          LogUtil.e('开屏广告加载失败: $error');
+          // Handle the error.
+        },
+      ),
+    );
+  }
+
+  /// 是否可以播放广告
+  bool get isAdAvailable {
+    return _appOpenAd != null;
+  }
+
+  /// 显示广告（如果存在且尚未显示）
+  /// 如果先前缓存的广告已过期，则只加载并缓存新广告
+  void showAdIfAvailable() {
+    if (!isAdAvailable) {
+      LogUtil.d('尝试在可用之前显示广告');
+      loadAd();
+
+      _openInitial();
+      return;
+    }
+    if (_isShowingAd) {
+      LogUtil.d('尝试在已显示广告的情况下显示广告');
+      return;
+    }
+    if (DateTime.now().subtract(maxCacheDuration).isAfter(_appOpenLoadTime!)) {
+      LogUtil.d('超过了最大缓存持续时间。正在加载另一个广告');
+      _appOpenAd!.dispose();
+      _appOpenAd = null;
+      loadAd();
+
+      _openInitial();
+      return;
+    }
+    // 设置 fullScreenContentCallback 并显示广告
+    _appOpenAd!.fullScreenContentCallback = FullScreenContentCallback(
+      // 暂停应用程序中的活动或记录广告展示的时间
+      onAdShowedFullScreenContent: (ad) {
+        LogUtil.d('$ad onAdShowedFullScreenContent');
+        // 隐藏状态栏
+        SystemChrome.setEnabledSystemUIMode(SystemUiMode.manual, overlays: <SystemUiOverlay>[]);
+
+        _isShowingAd = true;
+      },
+      // 更适合用于跟踪广告展示的次数和效果，以及执行与广告展示相关的操作
+      onAdImpression: (ad) {
+        LogUtil.d('$ad onAdImpression');
+      },
+      onAdFailedToShowFullScreenContent: (ad, error) {
+        LogUtil.d('$ad onAdFailedToShowFullScreenContent: $error');
+        _isShowingAd = false;
+        ad.dispose();
+        _appOpenAd = null;
+
+        _openInitial();
+      },
+      onAdDismissedFullScreenContent: (ad) {
+        LogUtil.d('$ad onAdDismissedFullScreenContent');
+        // 显示状态栏（用户关闭广告后）
+        SystemChrome.setEnabledSystemUIMode(SystemUiMode.manual, overlays: SystemUiOverlay.values);
+
+        _isShowingAd = false;
+        ad.dispose();
+        _appOpenAd = null;
+        loadAd();
+
+        _openInitial();
+      },
+      onAdClicked: (ad) {
+        LogUtil.d('$ad onAdClicked');
+      },
+    );
+    _appOpenAd!.show();
+  }
+
+  /// 打开首个页面
+  void _openInitial() {
+    Get.offNamed(AppRoutes.initialA);
+  }
+}
\ No newline at end of file
diff --git a/lib/ads/interstitial_ad_manager.dart b/lib/ads/interstitial_ad_manager.dart
new file mode 100644
index 0000000..cab6f07
--- /dev/null
+++ b/lib/ads/interstitial_ad_manager.dart
@@ -0,0 +1,112 @@
+// Author: fengshengxiong
+// Date: 2024/6/25
+// Description: 插页广告
+
+import 'dart:io' show Platform;
+
+import 'package:connectivity_plus/connectivity_plus.dart';
+import 'package:flutter/foundation.dart';
+import 'package:google_mobile_ads/google_mobile_ads.dart';
+import 'package:tone_snap/utils/log_util.dart';
+
+class InterstitialAdManager {
+  InterstitialAdManager._();
+
+  static final InterstitialAdManager _instance = InterstitialAdManager._();
+
+  factory InterstitialAdManager() => _instance;
+
+  /// 加载和显示广告之间允许的最长持续时间
+  final Duration maxCacheDuration = const Duration(hours: 4);
+
+  /// 跟踪加载时间，这样我们就不会显示过期的广告
+  DateTime? _appOpenLoadTime;
+
+  InterstitialAd? _interstitialAd;
+  bool isShowingAd = false;
+
+  /// 插页广告单元id
+  final adUnitId = Platform.isAndroid
+      ? (kDebugMode ? 'ca-app-pub-3940256099942544/1033173712' : '')
+      : (kDebugMode ? 'ca-app-pub-3940256099942544/4411468910' : 'ca-app-pub-5684307632319406/2760767691');
+
+  /// 加载广告
+  void loadAd() async {
+    final List<ConnectivityResult> connectivityResult = await (Connectivity().checkConnectivity());
+    if (connectivityResult.contains(ConnectivityResult.none)) {
+      return;
+    }
+    if (isAdAvailable) {
+      return;
+    }
+    InterstitialAd.load(
+      adUnitId: adUnitId,
+      request: const AdRequest(),
+      adLoadCallback: InterstitialAdLoadCallback(
+        onAdLoaded: (ad) {
+          LogUtil.d('插页广告加载完成');
+          _interstitialAd = ad;
+          _appOpenLoadTime = DateTime.now();
+        },
+        onAdFailedToLoad: (LoadAdError error) {
+          LogUtil.d('插页广告加载失败: $error');
+        },
+      ),
+    );
+  }
+
+  /// 是否可以播放广告
+  bool get isAdAvailable {
+    return _interstitialAd != null;
+  }
+
+  /// 显示广告（如果存在且尚未显示）
+  /// 如果先前缓存的广告已过期，则只加载并缓存新广告
+  void showAdIfAvailable() {
+    if (!isAdAvailable) {
+      LogUtil.d('尝试在可用之前显示广告');
+      loadAd();
+      return;
+    }
+    if (isShowingAd) {
+      LogUtil.d('尝试在已显示广告的情况下显示广告');
+      return;
+    }
+    if (DateTime.now().subtract(maxCacheDuration).isAfter(_appOpenLoadTime!)) {
+      LogUtil.d('超过了最大缓存持续时间。正在加载另一个广告');
+      _interstitialAd!.dispose();
+      _interstitialAd = null;
+      loadAd();
+      return;
+    }
+    // 设置 fullScreenContentCallback 并显示广告
+    _interstitialAd!.fullScreenContentCallback = FullScreenContentCallback(
+      // 暂停应用程序中的活动或记录广告展示的时间
+      onAdShowedFullScreenContent: (ad) {
+        isShowingAd = true;
+        LogUtil.d('$ad onAdShowedFullScreenContent');
+      },
+      // 更适合用于跟踪广告展示的次数和效果，以及执行与广告展示相关的操作
+      onAdImpression: (ad) {
+        LogUtil.d('$ad onAdImpression');
+      },
+      onAdFailedToShowFullScreenContent: (ad, error) {
+        LogUtil.d('$ad onAdFailedToShowFullScreenContent: $error');
+        isShowingAd = false;
+        ad.dispose();
+        _interstitialAd = null;
+      },
+      onAdDismissedFullScreenContent: (ad) {
+        LogUtil.d('$ad onAdDismissedFullScreenContent');
+        isShowingAd = false;
+        ad.dispose();
+        _interstitialAd = null;
+        loadAd();
+      },
+      onAdClicked: (ad) {
+        LogUtil.d('$ad onAdClicked');
+      },
+    );
+    _interstitialAd!.show();
+  }
+}
\ No newline at end of file
diff --git a/lib/components/base_appbar.dart b/lib/components/base_appbar.dart
new file mode 100644
index 0000000..86abdf8
--- /dev/null
+++ b/lib/components/base_appbar.dart
@@ -0,0 +1,62 @@
+// Author: fengshengxiong
+// Date: 2024/5/7
+// Description: BaseAppBar
+
+import 'package:flutter/material.dart';
+import 'package:flutter_screenutil/flutter_screenutil.dart';
+import 'package:get/get.dart';
+
+class BaseAppBar extends StatelessWidget implements PreferredSizeWidget {
+  const BaseAppBar(
+    this.title, {
+    super.key,
+    this.backgroundColor,
+    this.backWidget,
+    this.onBackTap,
+  });
+
+  final Color? backgroundColor;
+  final Widget? backWidget;
+  final String title;
+  final Function()? onBackTap;
+
+  @override
+  Widget build(BuildContext context) {
+    return AppBar(
+      centerTitle: true,
+      backgroundColor: backgroundColor,
+      title: _buildTitle(),
+      leading: backWidget ?? _buildBackWidget(),
+    );
+  }
+
+  Widget _buildBackWidget() {
+    return ClipOval(
+      child: Material(
+        color: Colors.transparent,
+        child: InkWell(
+          onTap: onBackTap ?? Get.back,
+          child: Icon(
+            Icons.arrow_back_rounded,
+            size: 32.w,
+            color: Colors.white,
+          ),
+        ),
+      ),
+    );
+  }
+
+  Widget _buildTitle() {
+    return Text(
+      title,
+      style: TextStyle(
+        color: Colors.white,
+        fontSize: 20.sp,
+        fontWeight: FontWeight.w600,
+      ),
+    );
+  }
+
+  @override
+  Size get preferredSize => const Size.fromHeight(kToolbarHeight);
+}
diff --git a/lib/components/base_scrollbar.dart b/lib/components/base_scrollbar.dart
new file mode 100644
index 0000000..7a4bf5e
--- /dev/null
+++ b/lib/components/base_scrollbar.dart
@@ -0,0 +1,26 @@
+// Author: fengshengxiong
+// Date: 2024/6/17
+// Description: 列表滚动条
+
+import 'package:flutter/material.dart';
+
+class BaseScrollbar extends StatelessWidget {
+  const BaseScrollbar({super.key, required this.child});
+
+  final Widget child;
+
+  @override
+  Widget build(BuildContext context) {
+    return MediaQuery.removePadding(
+      context: context,
+      removeTop: true,
+      child: RawScrollbar(
+        thumbColor: Colors.white,
+        radius: const Radius.circular(8.0),
+        thickness: 4.0,
+        thumbVisibility: false,
+        child: child,
+      ),
+    );
+  }
+}
diff --git a/lib/components/dialog/rename_dialog.dart b/lib/components/dialog/rename_dialog.dart
index b1cf3f3..0e481da 100644
--- a/lib/components/dialog/rename_dialog.dart
+++ b/lib/components/dialog/rename_dialog.dart
@@ -1,6 +1,6 @@
 // Author: fengshengxiong
 // Date: 2024/5/11
-// Description: 提示框
+// Description: 重命名弹框
 
 import 'package:flutter/material.dart';
 import 'package:flutter_screenutil/flutter_screenutil.dart';
diff --git a/lib/components/full_width_track_shape.dart b/lib/components/full_width_track_shape.dart
new file mode 100644
index 0000000..6cc8daf
--- /dev/null
+++ b/lib/components/full_width_track_shape.dart
@@ -0,0 +1,22 @@
+// Author: fengshengxiong
+// Date: 2024/6/21
+// Description: FullWidthTrackShape
+
+import 'package:flutter/material.dart';
+
+class FullWidthTrackShape extends RoundedRectSliderTrackShape {
+  @override
+  Rect getPreferredRect({
+    required RenderBox parentBox,
+    Offset offset = Offset.zero,
+    required SliderThemeData sliderTheme,
+    bool isEnabled = false,
+    bool isDiscrete = false,
+  }) {
+    final double trackHeight = sliderTheme.trackHeight ?? 2.0;
+    final double trackLeft = offset.dx;
+    final double trackTop = offset.dy + (parentBox.size.height - trackHeight) / 2;
+    final double trackWidth = parentBox.size.width;
+    return Rect.fromLTWH(trackLeft, trackTop, trackWidth, trackHeight);
+  }
+}
\ No newline at end of file
diff --git a/lib/components/network_image_widget.dart b/lib/components/network_image_widget.dart
new file mode 100644
index 0000000..d9905db
--- /dev/null
+++ b/lib/components/network_image_widget.dart
@@ -0,0 +1,57 @@
+// Author: fengshengxiong
+// Date: 2024/5/9
+// Description: 加载网络图像
+
+import 'package:cached_network_image/cached_network_image.dart';
+import 'package:flutter/material.dart';
+import 'package:tone_snap/generated/assets.dart';
+
+class NetworkImageWidget extends StatelessWidget {
+  const NetworkImageWidget({
+    super.key,
+    this.width,
+    this.height,
+    this.radius = 0.0,
+    required this.url,
+    this.fit = BoxFit.cover,
+    this.placeholder,
+    this.errorWidget,
+  });
+
+  final double? width;
+  final double? height;
+  final double radius;
+  final String? url;
+  final BoxFit fit;
+  final Widget? placeholder;
+  final Widget? errorWidget;
+
+  @override
+  Widget build(BuildContext context) {
+    return ClipRRect(
+      borderRadius: BorderRadius.circular(radius),
+      child: CachedNetworkImage(
+        width: width,
+        height: height,
+        imageUrl: '$url',
+        fit: fit,
+        placeholder: (context, url) {
+          return placeholder ?? _placeholderWidget(Assets.sideBImgPlaceholder);
+        },
+        errorWidget: (context, url, error) {
+          return errorWidget ?? _placeholderWidget(Assets.sideBImgError);
+        },
+      ),
+    );
+  }
+
+  Widget _placeholderWidget(String imgName) {
+    return Container(
+      color: Colors.white10,
+      child: Image.asset(
+        imgName,
+        color: Colors.white12,
+      ),
+    );
+  }
+}
diff --git a/lib/data/app_config.dart b/lib/data/app_config.dart
index 00c92b1..e862f09 100644
--- a/lib/data/app_config.dart
+++ b/lib/data/app_config.dart
@@ -7,5 +7,9 @@ import 'package:tone_snap/data/enum/app_side_enum.dart';
 class AppConfig {
   /// 当前App展示的一面
   static const AppSideEnum appSideEnum = AppSideEnum.sideA;
+
+  /// 默认语言环境和所在区域
+  static String defaultLocale = 'zh-CN';
+  static String isoCode = 'HK';
 }
 
diff --git a/lib/data/cache/music_cache_manager.dart b/lib/data/cache/music_cache_manager.dart
new file mode 100644
index 0000000..6eacb5e
--- /dev/null
+++ b/lib/data/cache/music_cache_manager.dart
@@ -0,0 +1,16 @@
+// Author: fengshengxiong
+// Date: 2024/6/25
+// Description: 音乐自定义缓存管理器
+
+import 'package:flutter_cache_manager/flutter_cache_manager.dart';
+
+class MusicCacheManager {
+  static const key = 'musicCacheKey';
+  static CacheManager instance = CacheManager(
+    Config(
+      key,
+      stalePeriod: const Duration(days: 7),
+      maxNrOfCacheObjects: 20,
+    ),
+  );
+}
\ No newline at end of file
diff --git a/lib/data/models/base_model.dart b/lib/data/models/base_model.dart
new file mode 100644
index 0000000..693afbf
--- /dev/null
+++ b/lib/data/models/base_model.dart
@@ -0,0 +1,31 @@
+// Author: fengshengxiong
+// Date: 2024/6/18
+// Description: 基础模型
+
+class BaseModel<T> {
+  bool success;
+  String? status;
+  String? message;
+  T? data;
+
+  BaseModel({
+    this.success = false,
+    this.status,
+    this.message,
+    this.data,
+  });
+
+  factory BaseModel.fromMap(Map<String, dynamic> json, T Function(Map<String, dynamic>) fromJsonT) => BaseModel(
+    success: json["status"] == 'Success' ? true : false,
+    status: json["status"],
+    message: json["message"],
+    data: fromJsonT(json["data"]),
+  );
+
+  Map<String, dynamic> toMap() => {
+    "success": success,
+    "status": status,
+    "message": message,
+    "data": data,
+  };
+}
diff --git a/lib/data/network/base_error.dart b/lib/data/network/base_error.dart
new file mode 100644
index 0000000..f9059f4
--- /dev/null
+++ b/lib/data/network/base_error.dart
@@ -0,0 +1,39 @@
+// Author: fengshengxiong
+// Date: 2024/5/9
+// Description: 服务端基本错误类型封装类
+
+abstract class BaseError {
+  final int? code;
+  final String? message;
+
+  BaseError({this.code, this.message});
+}
+
+class NeedLogin implements BaseError {
+  @override
+  int get code => 401;
+
+  @override
+  String get message => "Unauthenticated";
+}
+
+class NeedAuth implements BaseError {
+  @override
+  int get code => 403;
+
+  @override
+  String get message => "Unauthorized access";
+}
+
+class OtherError implements BaseError {
+  final int? statusCode;
+  final String? statusMessage;
+
+  OtherError({this.statusCode, this.statusMessage});
+
+  @override
+  int? get code => statusCode;
+
+  @override
+  String? get message => statusMessage;
+}
diff --git a/lib/data/network/dio_client.dart b/lib/data/network/dio_client.dart
new file mode 100644
index 0000000..ddb341e
--- /dev/null
+++ b/lib/data/network/dio_client.dart
@@ -0,0 +1,181 @@
+// Author: fengshengxiong
+// Date: 2024/5/9
+// Description: dio封装
+
+import 'dart:io';
+
+import 'package:dio/dio.dart';
+import 'package:pretty_dio_logger/pretty_dio_logger.dart';
+import 'package:tone_snap/components/base_easyloading.dart';
+import 'package:tone_snap/data/sideb/api/music_api.dart';
+import 'package:tone_snap/data/network/base_error.dart';
+import 'package:tone_snap/data/network/dio_interceptor.dart';
+import 'package:tone_snap/utils/log_util.dart';
+
+class DioClient {
+  static final DioClient _instance = DioClient._internal();
+
+  factory DioClient({String? baseUrl}) => getInstance(baseUrl: baseUrl);
+  late Dio _dio;
+
+  static DioClient getInstance({String? baseUrl}) {
+    if (baseUrl == null) {
+      return _instance._defaultBaseUrl();
+    } else {
+      return _instance._newBaseUrl(baseUrl);
+    }
+  }
+
+  /// 默认域名
+  DioClient _defaultBaseUrl() {
+    if (_dio.options.baseUrl != MusicApi.baseUrl) {
+      _dio.options.baseUrl = MusicApi.baseUrl;
+    }
+    return _instance;
+  }
+
+  /// 用于指定特定域名
+  DioClient _newBaseUrl(String baseUrl) {
+    _dio.options.baseUrl = baseUrl;
+    return _instance;
+  }
+
+  DioClient._internal() {
+    _dio = Dio();
+    final baseOptions = BaseOptions(
+      baseUrl: MusicApi.baseUrl,
+      connectTimeout: const Duration(seconds: 15),
+      receiveTimeout: const Duration(seconds: 15),
+    );
+    _dio.options = baseOptions;
+    _dio.interceptors.add(DioInterceptor());
+    _dio.interceptors.add(PrettyDioLogger(
+      requestHeader: false,
+      requestBody: true,
+      responseBody: false,
+      compact: false,
+      maxWidth: 160,
+    ));
+  }
+
+  /// 请求
+  Future request<T>(
+    String path, {
+    required RequestMethod requestMethod,
+    dynamic data,
+    Map<String, dynamic>? queryParameters,
+    CancelToken? cancelToken,
+    Options? options,
+    bool isFormData = false,
+    bool showLoading = false,
+    bool showToast = false,
+    T Function(Map<String, dynamic>)? formJson,
+    required Function(T? result) success,
+    Function(BaseError baseError)? fail,
+  }) async {
+    try {
+      BaseEasyLoading.loading(show: showLoading);
+      _dio.options.method = requestMethod.method;
+      Response response = await _dio.request(
+        path,
+        data: isFormData ? FormData.fromMap(data) : data,
+        queryParameters: queryParameters,
+        cancelToken: cancelToken,
+        options: options,
+      );
+      BaseEasyLoading.dismiss(dismiss: showLoading);
+      if (response.statusCode == HttpStatus.ok) {
+        if (response.data != null && formJson != null) {
+          success(formJson(response.data));
+        } else {
+          success(response.data);
+        }
+      }
+    } catch (e) {
+      BaseError baseError = getError(e);
+      if (fail != null) fail(baseError);
+      BaseEasyLoading.toast(baseError.message);
+      LogUtil.e(e.toString());
+    }
+  }
+
+  /// 下载
+  Future<void> download(
+    String urlPath,
+    dynamic savePath, {
+    ProgressCallback? onReceiveProgress,
+    Map<String, dynamic>? queryParameters,
+    CancelToken? cancelToken,
+    data,
+    Options? options,
+    required Function() success,
+    Function(BaseError? err)? fail,
+  }) async {
+    try {
+      await _dio.download(
+        urlPath,
+        savePath,
+        onReceiveProgress: onReceiveProgress,
+        queryParameters: queryParameters,
+        cancelToken: cancelToken,
+        data: data,
+        options: Options(receiveTimeout: const Duration(seconds: 0)),
+      );
+      success();
+    } catch (e) {
+      BaseError baseError = getError(e);
+      if (fail != null) fail(baseError);
+      BaseEasyLoading.toast(baseError.message);
+      LogUtil.e(baseError.message);
+    }
+  }
+
+  BaseError getError(Object e) {
+    if (e.runtimeType == DioException) {
+      switch ((e as DioException).type) {
+        case DioExceptionType.connectionTimeout:
+          return OtherError(statusCode: -1, statusMessage: 'connection timed out');
+        case DioExceptionType.sendTimeout:
+          return OtherError(statusCode: -1, statusMessage: 'send timeout');
+        case DioExceptionType.receiveTimeout:
+          return OtherError(statusCode: -1, statusMessage: 'receive timeout');
+        case DioExceptionType.badCertificate:
+          return OtherError(statusCode: -1, statusMessage: 'certificate error');
+        case DioExceptionType.cancel:
+          return OtherError(statusCode: -1, statusMessage: 'request canceled');
+        case DioExceptionType.connectionError:
+          return OtherError(statusCode: -1, statusMessage: 'connection error');
+        case DioExceptionType.unknown:
+          return OtherError(statusCode: -1, statusMessage: 'unknown error');
+        case DioExceptionType.badResponse:
+          final response = e.response;
+          if (response!.statusCode == 401) {
+            return NeedLogin();
+          } else if (response.statusCode == 403) {
+            return NeedAuth();
+          } else {
+            return OtherError(
+              statusCode: response.statusCode,
+              statusMessage: response.statusMessage,
+            );
+          }
+      }
+    }
+    return OtherError(statusCode: -1, statusMessage: 'unknown error');
+  }
+}
+
+enum RequestMethod {
+  get('GET'),
+  post('POST'),
+  put('PUT'),
+  head('HEAD'),
+  delete('DELETE'),
+  patch('PATCH');
+
+  const RequestMethod(
+    this.method,
+  );
+
+  final String method;
+}
diff --git a/lib/data/network/dio_interceptor.dart b/lib/data/network/dio_interceptor.dart
new file mode 100644
index 0000000..f80c66c
--- /dev/null
+++ b/lib/data/network/dio_interceptor.dart
@@ -0,0 +1,25 @@
+// Author: fengshengxiong
+// Date: 2024/5/9
+// Description: dio拦截器
+
+import 'package:dio/dio.dart';
+
+class DioInterceptor extends Interceptor {
+  @override
+  void onRequest(RequestOptions options, RequestInterceptorHandler handler) {
+    // TODO: implement onRequest
+    super.onRequest(options, handler);
+  }
+
+  @override
+  void onResponse(Response response, ResponseInterceptorHandler handler) {
+    // TODO: implement onResponse
+    super.onResponse(response, handler);
+  }
+
+  @override
+  void onError(DioException err, ErrorInterceptorHandler handler) {
+    // TODO: implement onError
+    super.onError(err, handler);
+  }
+}
diff --git a/lib/data/sidea/models/voice_model.dart b/lib/data/sidea/models/voice_model.dart
new file mode 100644
index 0000000..c869de9
--- /dev/null
+++ b/lib/data/sidea/models/voice_model.dart
@@ -0,0 +1,54 @@
+// Author: fengshengxiong
+// Date: 2024/6/4
+// Description: 音频模型
+
+import 'dart:convert';
+
+import 'package:hive/hive.dart';
+
+part 'voice_model.g.dart';
+
+@HiveType(typeId: 0)
+class VoiceModel extends HiveObject {
+  @HiveField(0)
+  String name;
+
+  @HiveField(1)
+  String path;
+
+  @HiveField(2)
+  String? cover;
+
+  VoiceModel({
+    required this.name,
+    required this.path,
+    this.cover,
+  });
+
+  VoiceModel fromJson(String str) => VoiceModel.fromMap(json.decode(str));
+
+  String toJson() => json.encode(toMap());
+
+  VoiceModel copyWith({
+    String? name,
+    String? path,
+    String? cover,
+  }) =>
+      VoiceModel(
+        name: name ?? this.name,
+        path: path ?? this.path,
+        cover: cover ?? this.cover,
+      );
+
+  factory VoiceModel.fromMap(Map<String, dynamic> json) => VoiceModel(
+    name: json["name"],
+    path: json["path"],
+    cover: json["cover"],
+  );
+
+  Map<String, dynamic> toMap() => {
+    "name": name,
+    "path": path,
+    "cover": cover,
+  };
+}
diff --git a/lib/data/sidea/models/voice_model.g.dart b/lib/data/sidea/models/voice_model.g.dart
new file mode 100644
index 0000000..d0ba131
--- /dev/null
+++ b/lib/data/sidea/models/voice_model.g.dart
@@ -0,0 +1,47 @@
+// GENERATED CODE - DO NOT MODIFY BY HAND
+
+part of 'voice_model.dart';
+
+// **************************************************************************
+// TypeAdapterGenerator
+// **************************************************************************
+
+class VoiceModelAdapter extends TypeAdapter<VoiceModel> {
+  @override
+  final int typeId = 0;
+
+  @override
+  VoiceModel read(BinaryReader reader) {
+    final numOfFields = reader.readByte();
+    final fields = <int, dynamic>{
+      for (int i = 0; i < numOfFields; i++) reader.readByte(): reader.read(),
+    };
+    return VoiceModel(
+      name: fields[0] as String,
+      path: fields[1] as String,
+      cover: fields[2] as String?,
+    );
+  }
+
+  @override
+  void write(BinaryWriter writer, VoiceModel obj) {
+    writer
+      ..writeByte(3)
+      ..writeByte(0)
+      ..write(obj.name)
+      ..writeByte(1)
+      ..write(obj.path)
+      ..writeByte(2)
+      ..write(obj.cover);
+  }
+
+  @override
+  int get hashCode => typeId.hashCode;
+
+  @override
+  bool operator ==(Object other) =>
+      identical(this, other) ||
+      other is VoiceModelAdapter &&
+          runtimeType == other.runtimeType &&
+          typeId == other.typeId;
+}
diff --git a/lib/data/sidea/storage/favorite_data.dart b/lib/data/sidea/storage/favorite_data.dart
new file mode 100644
index 0000000..baca822
--- /dev/null
+++ b/lib/data/sidea/storage/favorite_data.dart
@@ -0,0 +1,45 @@
+// Author: fengshengxiong
+// Date: 2024/5/8
+// Description: 收藏数据
+
+import 'package:tone_snap/data/sidea/models/voice_model.dart';
+import 'package:tone_snap/data/storage/hive_storage.dart';
+
+class FavoriteData {
+  /// 私有构造函数
+  FavoriteData._();
+
+  /// 静态常量用于保存类的唯一实例
+  static final FavoriteData _instance = FavoriteData._();
+
+  /// 工厂构造函数返回类的唯一实例
+  factory FavoriteData() {
+    return _instance;
+  }
+
+  /// 声明盒子
+  /// 注意, main函数中这个盒子已经打开, 可以进行存储操作
+  final _box = getFavoriteBox();
+
+  /// 获取数据
+  List<VoiceModel> getList() {
+    return _box.values.toList();
+  }
+
+  /// 添加数据
+  Future<int> addData(VoiceModel voiceModel) async {
+    return await _box.add(voiceModel);
+  }
+
+  /// 删除
+  Future<void> delete(int index) async {
+    await _box.deleteAt(index);
+    await _box.flush();
+  }
+
+  /// 清空所有数据
+  Future<void> clear() async {
+    await _box.clear();
+    await _box.flush();
+  }
+}
diff --git a/lib/data/sidea/storage/my_voice_data.dart b/lib/data/sidea/storage/my_voice_data.dart
new file mode 100644
index 0000000..0cd0460
--- /dev/null
+++ b/lib/data/sidea/storage/my_voice_data.dart
@@ -0,0 +1,45 @@
+// Author: fengshengxiong
+// Date: 2024/5/8
+// Description: 收藏数据
+
+import 'package:tone_snap/data/sidea/models/voice_model.dart';
+import 'package:tone_snap/data/storage/hive_storage.dart';
+
+class MyVoiceData {
+  /// 私有构造函数
+  MyVoiceData._();
+
+  /// 静态常量用于保存类的唯一实例
+  static final MyVoiceData _instance = MyVoiceData._();
+
+  /// 工厂构造函数返回类的唯一实例
+  factory MyVoiceData() {
+    return _instance;
+  }
+
+  /// 声明盒子
+  /// 注意, main函数中这个盒子已经打开, 可以进行存储操作
+  final _box = getMyVoiceBox();
+
+  /// 获取数据
+  List<VoiceModel> getList() {
+    return _box.values.toList();
+  }
+
+  /// 添加数据
+  Future<int> addData(VoiceModel voiceModel) async {
+    return await _box.add(voiceModel);
+  }
+
+  /// 删除
+  Future<void> delete(index) async {
+    await _box.deleteAt(index);
+    await _box.flush();
+  }
+
+  /// 清空所有数据
+  Future<void> clear() async {
+    await _box.clear();
+    await _box.flush();
+  }
+}
diff --git a/lib/data/sideb/api/music_api.dart b/lib/data/sideb/api/music_api.dart
new file mode 100644
index 0000000..70f6e4b
--- /dev/null
+++ b/lib/data/sideb/api/music_api.dart
@@ -0,0 +1,107 @@
+// Author: fengshengxiong
+// Date: 2024/6/18
+// Description: 音乐播放器Api
+
+import 'package:devicelocale/devicelocale.dart';
+import 'package:tone_snap/data/app_config.dart';
+import 'package:tone_snap/data/sideb/models/browse_model.dart';
+import 'package:tone_snap/data/network/dio_client.dart';
+import 'package:tone_snap/data/sideb/models/next_model.dart';
+import 'package:tone_snap/data/sideb/models/player_model.dart';
+import 'package:tone_snap/utils/date_util.dart';
+
+class MusicApi {
+  static const String baseUrl = 'https://music.youtube.com/youtubei/v1/';
+
+  /// 首页browse接口
+  static Future<BrowseModel?> browse({String? visitorData, Map<String, dynamic>? queryParameters}) async {
+    String date = DateUtil.getSevenDaysAgo();
+    String locale = await Devicelocale.currentLocale ?? AppConfig.defaultLocale;
+    final body = {
+      "context": {
+        "client": {
+          "visitorData": visitorData,
+          "clientName": "WEB_REMIX",
+          // "clientVersion": "1.$date.01.00",
+          "clientVersion": "1.20240607.01.00",
+          "platform": "DESKTOP",
+          "hl": locale,
+          "gl": AppConfig.isoCode
+        }
+      }
+    };
+    BrowseModel? browseModel;
+    await DioClient().request<BrowseModel>(
+      'browse',
+      requestMethod: RequestMethod.post,
+      data: body,
+      queryParameters: queryParameters,
+      formJson: BrowseModel.fromMap,
+      success: (model) => browseModel = model,
+    );
+    return browseModel;
+  }
+
+  /// next接口
+  static Future<NextModel?> next({String? visitorData, String? playlistId, String? videoId}) async {
+    String date = DateUtil.getSevenDaysAgo();
+    String locale = await Devicelocale.currentLocale ?? AppConfig.defaultLocale;
+    final body = {
+      "context": {
+        "client": {
+          "visitorData": visitorData,
+          "clientName": "WEB_REMIX",
+          "clientVersion": "1.$date",
+          "platform": "DESKTOP",
+          "hl": locale,
+          "gl": AppConfig.isoCode
+        }
+      }
+    };
+    Map<String, dynamic>? queryParameters = {
+      'prettyPrint': false,
+      'playlistId': playlistId,
+      'videoId': videoId
+    };
+    NextModel? nextModel;
+    await DioClient().request<NextModel>(
+      'next',
+      requestMethod: RequestMethod.post,
+      data: body,
+      queryParameters: queryParameters,
+      formJson: NextModel.fromMap,
+      success: (model) => nextModel = model,
+    );
+    return nextModel;
+  }
+
+  /// player接口
+  static Future<PlayerModel?> player({String? visitorData, String? videoId}) async {
+    String date = DateUtil.getSevenDaysAgo();
+    final body = {
+      "context": {
+        "client": {
+          "clientName": "ANDROID_MUSIC",
+          "clientVersion": "6.07.1",
+          "platform": "MOBILE",
+          "browserVersion":"125.0.0.0"
+        }
+      }
+    };
+    Map<String, dynamic>? queryParameters = {
+      'prettyPrint': false,
+      'playlistId': null,
+      'videoId': videoId
+    };
+    PlayerModel? playerModel;
+    await DioClient().request<PlayerModel>(
+      'player',
+      requestMethod: RequestMethod.post,
+      data: body,
+      queryParameters: queryParameters,
+      formJson: PlayerModel.fromMap,
+      success: (model) => playerModel = model,
+    );
+    return playerModel;
+  }
+}
diff --git a/lib/data/sideb/api/tikustok_api.dart b/lib/data/sideb/api/tikustok_api.dart
new file mode 100644
index 0000000..f06f692
--- /dev/null
+++ b/lib/data/sideb/api/tikustok_api.dart
@@ -0,0 +1,23 @@
+// Author: fengshengxiong
+// Date: 2024/6/18
+// Description: TikUsTokApi
+
+import 'package:tone_snap/data/models/base_model.dart';
+import 'package:tone_snap/data/network/dio_client.dart';
+import 'package:tone_snap/data/sideb/models/isocode_model.dart';
+
+class TikUsTokApi {
+  static const String baseUrl = 'https://api.tikustok.com/';
+
+  /// 获取所在区域、ip
+  static Future<BaseModel<IosCodeModel>?> getIp() async {
+    BaseModel<IosCodeModel>? baseModel;
+    await DioClient(baseUrl: baseUrl).request<BaseModel<IosCodeModel>>(
+      'app/common/getIPInfo',
+      requestMethod: RequestMethod.get,
+      formJson: (json) => BaseModel<IosCodeModel>.fromMap(json, IosCodeModel.fromMap),
+      success: (model) => baseModel = model,
+    );
+    return baseModel;
+  }
+}
diff --git a/lib/data/sideb/enum/browse_type.dart b/lib/data/sideb/enum/browse_type.dart
new file mode 100644
index 0000000..de5afa8
--- /dev/null
+++ b/lib/data/sideb/enum/browse_type.dart
@@ -0,0 +1,35 @@
+// Author: fengshengxiong
+// Date: 2024/6/13
+// Description: BrowseType
+
+enum BrowseType {
+  musicVideoTypeAtv(name: 'MUSIC_VIDEO_TYPE_ATV', remark: '电台/单曲'),
+  musicVideoTypeOmv(name: 'MUSIC_VIDEO_TYPE_OMV', remark: '视频'),
+  musicPageTypeAlbum(name: 'MUSIC_PAGE_TYPE_ALBUM', remark: '专辑'),
+  // musicPageTypeArtist(name: 'MUSIC_PAGE_TYPE_ARTIST', remark: '艺术家'),
+  musicPageTypePlaylist(name: 'MUSIC_PAGE_TYPE_PLAYLIST', remark: '歌单/列表');
+  // musicPageTypeTrackLyrics(name: 'MUSIC_PAGE_TYPE_TRACK_LYRICS', remark: '歌词'),
+  // musicPageTypeTrackRelated(name: 'MUSIC_PAGE_TYPE_TRACK_RELATED', remark: '相关内容');
+
+  const BrowseType({
+    required this.name,
+    required this.remark,
+  });
+
+  final String name;
+  final String remark;
+}
+
+extension BrowseTypeExtension on BrowseType {
+  static bool isThereAny(String? type) {
+    if (type == BrowseType.musicVideoTypeAtv.name ||
+        type == BrowseType.musicVideoTypeOmv.name ||
+        type == BrowseType.musicPageTypeAlbum.name ||
+        // type == BrowseType.musicPageTypeArtist.name ||
+        type == BrowseType.musicPageTypePlaylist.name) {
+      return true;
+    } else {
+      return false;
+    }
+  }
+}
diff --git a/lib/data/sideb/models/browse_model.dart b/lib/data/sideb/models/browse_model.dart
new file mode 100644
index 0000000..0291284
--- /dev/null
+++ b/lib/data/sideb/models/browse_model.dart
@@ -0,0 +1,3025 @@
+// Author: fengshengxiong
+// Date: 2024/6/18
+// Description: Browse接口模型
+
+import 'dart:convert';
+
+class BrowseModel {
+	ResponseContext? responseContext;
+	Contents? contents;
+	ContinuationContents? continuationContents;
+	String? trackingParams;
+	int? maxAgeStoreSeconds;
+	ThumbnailClass? background;
+
+	BrowseModel({
+		this.responseContext,
+		this.contents,
+		this.continuationContents,
+		this.trackingParams,
+		this.maxAgeStoreSeconds,
+		this.background,
+	});
+
+	factory BrowseModel.fromJson(String str) => BrowseModel.fromMap(json.decode(str));
+
+	String toJson() => json.encode(toMap());
+
+	factory BrowseModel.fromMap(Map<String, dynamic> json) => BrowseModel(
+		responseContext: json["responseContext"] == null ? null : ResponseContext.fromMap(json["responseContext"]),
+		contents: json["contents"] == null ? null : Contents.fromMap(json["contents"]),
+		continuationContents: json["continuationContents"] == null ? null : ContinuationContents.fromMap(json["continuationContents"]),
+		trackingParams: json["trackingParams"],
+		maxAgeStoreSeconds: json["maxAgeStoreSeconds"],
+		background: json["background"] == null ? null : ThumbnailClass.fromMap(json["background"]),
+	);
+
+	Map<String, dynamic> toMap() => {
+		"responseContext": responseContext?.toMap(),
+		"contents": contents?.toMap(),
+		"continuationContents": continuationContents?.toMap(),
+		"trackingParams": trackingParams,
+		"maxAgeStoreSeconds": maxAgeStoreSeconds,
+		"background": background?.toMap(),
+	};
+}
+
+class ThumbnailClass {
+	MusicThumbnailRenderer? musicThumbnailRenderer;
+
+	ThumbnailClass({
+		this.musicThumbnailRenderer,
+	});
+
+	factory ThumbnailClass.fromJson(String str) => ThumbnailClass.fromMap(json.decode(str));
+
+	String toJson() => json.encode(toMap());
+
+	factory ThumbnailClass.fromMap(Map<String, dynamic> json) => ThumbnailClass(
+		musicThumbnailRenderer: json["musicThumbnailRenderer"] == null ? null : MusicThumbnailRenderer.fromMap(json["musicThumbnailRenderer"]),
+	);
+
+	Map<String, dynamic> toMap() => {
+		"musicThumbnailRenderer": musicThumbnailRenderer?.toMap(),
+	};
+}
+
+class MusicThumbnailRenderer {
+	MusicThumbnailRendererThumbnail? thumbnail;
+	String? thumbnailCrop;
+	String? thumbnailScale;
+	String? trackingParams;
+
+	MusicThumbnailRenderer({
+		this.thumbnail,
+		this.thumbnailCrop,
+		this.thumbnailScale,
+		this.trackingParams,
+	});
+
+	factory MusicThumbnailRenderer.fromJson(String str) => MusicThumbnailRenderer.fromMap(json.decode(str));
+
+	String toJson() => json.encode(toMap());
+
+	factory MusicThumbnailRenderer.fromMap(Map<String, dynamic> json) => MusicThumbnailRenderer(
+		thumbnail: json["thumbnail"] == null ? null : MusicThumbnailRendererThumbnail.fromMap(json["thumbnail"]),
+		thumbnailCrop: json["thumbnailCrop"],
+		thumbnailScale: json["thumbnailScale"],
+		trackingParams: json["trackingParams"],
+	);
+
+	Map<String, dynamic> toMap() => {
+		"thumbnail": thumbnail?.toMap(),
+		"thumbnailCrop": thumbnailCrop,
+		"thumbnailScale": thumbnailScale,
+		"trackingParams": trackingParams,
+	};
+}
+
+class MusicThumbnailRendererThumbnail {
+	List<ThumbnailElement>? thumbnails;
+
+	MusicThumbnailRendererThumbnail({
+		this.thumbnails,
+	});
+
+	factory MusicThumbnailRendererThumbnail.fromJson(String str) => MusicThumbnailRendererThumbnail.fromMap(json.decode(str));
+
+	String toJson() => json.encode(toMap());
+
+	factory MusicThumbnailRendererThumbnail.fromMap(Map<String, dynamic> json) => MusicThumbnailRendererThumbnail(
+		thumbnails: json["thumbnails"] == null ? [] : List<ThumbnailElement>.from(json["thumbnails"]!.map((x) => ThumbnailElement.fromMap(x))),
+	);
+
+	Map<String, dynamic> toMap() => {
+		"thumbnails": thumbnails == null ? [] : List<dynamic>.from(thumbnails!.map((x) => x.toMap())),
+	};
+}
+
+class ThumbnailElement {
+	String? url;
+	int? width;
+	int? height;
+
+	ThumbnailElement({
+		this.url,
+		this.width,
+		this.height,
+	});
+
+	factory ThumbnailElement.fromJson(String str) => ThumbnailElement.fromMap(json.decode(str));
+
+	String toJson() => json.encode(toMap());
+
+	factory ThumbnailElement.fromMap(Map<String, dynamic> json) => ThumbnailElement(
+		url: json["url"],
+		width: json["width"],
+		height: json["height"],
+	);
+
+	Map<String, dynamic> toMap() => {
+		"url": url,
+		"width": width,
+		"height": height,
+	};
+}
+
+class Contents {
+	SingleColumnBrowseResultsRenderer? singleColumnBrowseResultsRenderer;
+
+	Contents({
+		this.singleColumnBrowseResultsRenderer,
+	});
+
+	factory Contents.fromJson(String str) => Contents.fromMap(json.decode(str));
+
+	String toJson() => json.encode(toMap());
+
+	factory Contents.fromMap(Map<String, dynamic> json) => Contents(
+		singleColumnBrowseResultsRenderer: json["singleColumnBrowseResultsRenderer"] == null ? null : SingleColumnBrowseResultsRenderer.fromMap(json["singleColumnBrowseResultsRenderer"]),
+	);
+
+	Map<String, dynamic> toMap() => {
+		"singleColumnBrowseResultsRenderer": singleColumnBrowseResultsRenderer?.toMap(),
+	};
+}
+
+class SingleColumnBrowseResultsRenderer {
+	List<Tab>? tabs;
+
+	SingleColumnBrowseResultsRenderer({
+		this.tabs,
+	});
+
+	factory SingleColumnBrowseResultsRenderer.fromJson(String str) => SingleColumnBrowseResultsRenderer.fromMap(json.decode(str));
+
+	String toJson() => json.encode(toMap());
+
+	factory SingleColumnBrowseResultsRenderer.fromMap(Map<String, dynamic> json) => SingleColumnBrowseResultsRenderer(
+		tabs: json["tabs"] == null ? [] : List<Tab>.from(json["tabs"]!.map((x) => Tab.fromMap(x))),
+	);
+
+	Map<String, dynamic> toMap() => {
+		"tabs": tabs == null ? [] : List<dynamic>.from(tabs!.map((x) => x.toMap())),
+	};
+}
+
+class Tab {
+	TabRenderer? tabRenderer;
+
+	Tab({
+		this.tabRenderer,
+	});
+
+	factory Tab.fromJson(String str) => Tab.fromMap(json.decode(str));
+
+	String toJson() => json.encode(toMap());
+
+	factory Tab.fromMap(Map<String, dynamic> json) => Tab(
+		tabRenderer: json["tabRenderer"] == null ? null : TabRenderer.fromMap(json["tabRenderer"]),
+	);
+
+	Map<String, dynamic> toMap() => {
+		"tabRenderer": tabRenderer?.toMap(),
+	};
+}
+
+class TabRenderer {
+	Endpoint? endpoint;
+	String? title;
+	bool? selected;
+	TabRendererContent? content;
+	Icon? icon;
+	String? tabIdentifier;
+	String? trackingParams;
+
+	TabRenderer({
+		this.endpoint,
+		this.title,
+		this.selected,
+		this.content,
+		this.icon,
+		this.tabIdentifier,
+		this.trackingParams,
+	});
+
+	factory TabRenderer.fromJson(String str) => TabRenderer.fromMap(json.decode(str));
+
+	String toJson() => json.encode(toMap());
+
+	factory TabRenderer.fromMap(Map<String, dynamic> json) => TabRenderer(
+		endpoint: json["endpoint"] == null ? null : Endpoint.fromMap(json["endpoint"]),
+		title: json["title"],
+		selected: json["selected"],
+		content: json["content"] == null ? null : TabRendererContent.fromMap(json["content"]),
+		icon: json["icon"] == null ? null : Icon.fromMap(json["icon"]),
+		tabIdentifier: json["tabIdentifier"],
+		trackingParams: json["trackingParams"],
+	);
+
+	Map<String, dynamic> toMap() => {
+		"endpoint": endpoint?.toMap(),
+		"title": title,
+		"selected": selected,
+		"content": content?.toMap(),
+		"icon": icon?.toMap(),
+		"tabIdentifier": tabIdentifier,
+		"trackingParams": trackingParams,
+	};
+}
+
+class TabRendererContent {
+	SectionList? sectionListRenderer;
+
+	TabRendererContent({
+		this.sectionListRenderer,
+	});
+
+	factory TabRendererContent.fromJson(String str) => TabRendererContent.fromMap(json.decode(str));
+
+	String toJson() => json.encode(toMap());
+
+	factory TabRendererContent.fromMap(Map<String, dynamic> json) => TabRendererContent(
+		sectionListRenderer: json["sectionListRenderer"] == null ? null : SectionList.fromMap(json["sectionListRenderer"]),
+	);
+
+	Map<String, dynamic> toMap() => {
+		"sectionListRenderer": sectionListRenderer?.toMap(),
+	};
+}
+
+class SectionList {
+	List<SectionListContinuationContent>? contents;
+	List<Continuation>? continuations;
+	String? trackingParams;
+	SectionListContinuationHeader? header;
+
+	SectionList({
+		this.contents,
+		this.continuations,
+		this.trackingParams,
+		this.header,
+	});
+
+	factory SectionList.fromJson(String str) => SectionList.fromMap(json.decode(str));
+
+	String toJson() => json.encode(toMap());
+
+	factory SectionList.fromMap(Map<String, dynamic> json) => SectionList(
+		contents: json["contents"] == null ? [] : List<SectionListContinuationContent>.from(json["contents"]!.map((x) => SectionListContinuationContent.fromMap(x))),
+		continuations: json["continuations"] == null ? [] : List<Continuation>.from(json["continuations"]!.map((x) => Continuation.fromMap(x))),
+		trackingParams: json["trackingParams"],
+		header: json["header"] == null ? null : SectionListContinuationHeader.fromMap(json["header"]),
+	);
+
+	Map<String, dynamic> toMap() => {
+		"contents": contents == null ? [] : List<dynamic>.from(contents!.map((x) => x.toMap())),
+		"continuations": continuations == null ? [] : List<dynamic>.from(continuations!.map((x) => x.toMap())),
+		"trackingParams": trackingParams,
+		"header": header?.toMap(),
+	};
+}
+
+class SectionListContinuationContent {
+	MusicCarouselShelfRenderer? musicCarouselShelfRenderer;
+	MusicTastebuilderShelfRenderer? musicTastebuilderShelfRenderer;
+
+	SectionListContinuationContent({
+		this.musicCarouselShelfRenderer,
+		this.musicTastebuilderShelfRenderer,
+	});
+
+	factory SectionListContinuationContent.fromJson(String str) => SectionListContinuationContent.fromMap(json.decode(str));
+
+	String toJson() => json.encode(toMap());
+
+	factory SectionListContinuationContent.fromMap(Map<String, dynamic> json) => SectionListContinuationContent(
+		musicCarouselShelfRenderer: json["musicCarouselShelfRenderer"] == null ? null : MusicCarouselShelfRenderer.fromMap(json["musicCarouselShelfRenderer"]),
+		musicTastebuilderShelfRenderer: json["musicTastebuilderShelfRenderer"] == null ? null : MusicTastebuilderShelfRenderer.fromMap(json["musicTastebuilderShelfRenderer"]),
+	);
+
+	Map<String, dynamic> toMap() => {
+		"musicCarouselShelfRenderer": musicCarouselShelfRenderer?.toMap(),
+		"musicTastebuilderShelfRenderer": musicTastebuilderShelfRenderer?.toMap(),
+	};
+}
+
+class MusicCarouselShelfRenderer {
+	MusicCarouselShelfRendererHeader? header;
+	List<MusicCarouselShelfRendererContent>? contents;
+	String? trackingParams;
+	String? itemSize;
+	String? numItemsPerColumn;
+
+	MusicCarouselShelfRenderer({
+		this.header,
+		this.contents,
+		this.trackingParams,
+		this.itemSize,
+		this.numItemsPerColumn,
+	});
+
+	factory MusicCarouselShelfRenderer.fromJson(String str) => MusicCarouselShelfRenderer.fromMap(json.decode(str));
+
+	String toJson() => json.encode(toMap());
+
+	factory MusicCarouselShelfRenderer.fromMap(Map<String, dynamic> json) => MusicCarouselShelfRenderer(
+		header: json["header"] == null ? null : MusicCarouselShelfRendererHeader.fromMap(json["header"]),
+		contents: json["contents"] == null ? [] : List<MusicCarouselShelfRendererContent>.from(json["contents"]!.map((x) => MusicCarouselShelfRendererContent.fromMap(x))),
+		trackingParams: json["trackingParams"],
+		itemSize: json["itemSize"],
+		numItemsPerColumn: json["numItemsPerColumn"],
+	);
+
+	Map<String, dynamic> toMap() => {
+		"header": header?.toMap(),
+		"contents": contents == null ? [] : List<dynamic>.from(contents!.map((x) => x.toMap())),
+		"trackingParams": trackingParams,
+		"itemSize": itemSize,
+		"numItemsPerColumn": numItemsPerColumn,
+	};
+}
+
+class MusicCarouselShelfRendererContent {
+	MusicResponsiveListItemRenderer? musicResponsiveListItemRenderer;
+	MusicTwoRowItemRenderer? musicTwoRowItemRenderer;
+
+	MusicCarouselShelfRendererContent({
+		this.musicResponsiveListItemRenderer,
+		this.musicTwoRowItemRenderer,
+	});
+
+	factory MusicCarouselShelfRendererContent.fromJson(String str) => MusicCarouselShelfRendererContent.fromMap(json.decode(str));
+
+	String toJson() => json.encode(toMap());
+
+	factory MusicCarouselShelfRendererContent.fromMap(Map<String, dynamic> json) => MusicCarouselShelfRendererContent(
+		musicResponsiveListItemRenderer: json["musicResponsiveListItemRenderer"] == null ? null : MusicResponsiveListItemRenderer.fromMap(json["musicResponsiveListItemRenderer"]),
+		musicTwoRowItemRenderer: json["musicTwoRowItemRenderer"] == null ? null : MusicTwoRowItemRenderer.fromMap(json["musicTwoRowItemRenderer"]),
+	);
+
+	Map<String, dynamic> toMap() => {
+		"musicResponsiveListItemRenderer": musicResponsiveListItemRenderer?.toMap(),
+		"musicTwoRowItemRenderer": musicTwoRowItemRenderer?.toMap(),
+	};
+}
+
+class MusicResponsiveListItemRenderer {
+	String? trackingParams;
+	ThumbnailClass? thumbnail;
+	Overlay? overlay;
+	List<FlexColumn>? flexColumns;
+	MusicResponsiveListItemRendererMenu? menu;
+	PlaylistItemData? playlistItemData;
+	String? flexColumnDisplayStyle;
+	String? itemHeight;
+
+	MusicResponsiveListItemRenderer({
+		this.trackingParams,
+		this.thumbnail,
+		this.overlay,
+		this.flexColumns,
+		this.menu,
+		this.playlistItemData,
+		this.flexColumnDisplayStyle,
+		this.itemHeight,
+	});
+
+	factory MusicResponsiveListItemRenderer.fromJson(String str) => MusicResponsiveListItemRenderer.fromMap(json.decode(str));
+
+	String toJson() => json.encode(toMap());
+
+	factory MusicResponsiveListItemRenderer.fromMap(Map<String, dynamic> json) => MusicResponsiveListItemRenderer(
+		trackingParams: json["trackingParams"],
+		thumbnail: json["thumbnail"] == null ? null : ThumbnailClass.fromMap(json["thumbnail"]),
+		overlay: json["overlay"] == null ? null : Overlay.fromMap(json["overlay"]),
+		flexColumns: json["flexColumns"] == null ? [] : List<FlexColumn>.from(json["flexColumns"]!.map((x) => FlexColumn.fromMap(x))),
+		menu: json["menu"] == null ? null : MusicResponsiveListItemRendererMenu.fromMap(json["menu"]),
+		playlistItemData: json["playlistItemData"] == null ? null : PlaylistItemData.fromMap(json["playlistItemData"]),
+		flexColumnDisplayStyle: json["flexColumnDisplayStyle"],
+		itemHeight: json["itemHeight"],
+	);
+
+	Map<String, dynamic> toMap() => {
+		"trackingParams": trackingParams,
+		"thumbnail": thumbnail?.toMap(),
+		"overlay": overlay?.toMap(),
+		"flexColumns": flexColumns == null ? [] : List<dynamic>.from(flexColumns!.map((x) => x.toMap())),
+		"menu": menu?.toMap(),
+		"playlistItemData": playlistItemData?.toMap(),
+		"flexColumnDisplayStyle": flexColumnDisplayStyle,
+		"itemHeight": itemHeight,
+	};
+}
+
+class FlexColumn {
+	MusicResponsiveListItemFlexColumnRenderer? musicResponsiveListItemFlexColumnRenderer;
+
+	FlexColumn({
+		this.musicResponsiveListItemFlexColumnRenderer,
+	});
+
+	factory FlexColumn.fromJson(String str) => FlexColumn.fromMap(json.decode(str));
+
+	String toJson() => json.encode(toMap());
+
+	factory FlexColumn.fromMap(Map<String, dynamic> json) => FlexColumn(
+		musicResponsiveListItemFlexColumnRenderer: json["musicResponsiveListItemFlexColumnRenderer"] == null ? null : MusicResponsiveListItemFlexColumnRenderer.fromMap(json["musicResponsiveListItemFlexColumnRenderer"]),
+	);
+
+	Map<String, dynamic> toMap() => {
+		"musicResponsiveListItemFlexColumnRenderer": musicResponsiveListItemFlexColumnRenderer?.toMap(),
+	};
+}
+
+class MusicResponsiveListItemFlexColumnRenderer {
+	Text? text;
+	String? displayPriority;
+
+	MusicResponsiveListItemFlexColumnRenderer({
+		this.text,
+		this.displayPriority,
+	});
+
+	factory MusicResponsiveListItemFlexColumnRenderer.fromJson(String str) => MusicResponsiveListItemFlexColumnRenderer.fromMap(json.decode(str));
+
+	String toJson() => json.encode(toMap());
+
+	factory MusicResponsiveListItemFlexColumnRenderer.fromMap(Map<String, dynamic> json) => MusicResponsiveListItemFlexColumnRenderer(
+		text: json["text"] == null ? null : Text.fromMap(json["text"]),
+		displayPriority: json["displayPriority"],
+	);
+
+	Map<String, dynamic> toMap() => {
+		"text": text?.toMap(),
+		"displayPriority": displayPriority,
+	};
+}
+
+class Text {
+	List<PurpleRun>? runs;
+
+	Text({
+		this.runs,
+	});
+
+	factory Text.fromJson(String str) => Text.fromMap(json.decode(str));
+
+	String toJson() => json.encode(toMap());
+
+	factory Text.fromMap(Map<String, dynamic> json) => Text(
+		runs: json["runs"] == null ? [] : List<PurpleRun>.from(json["runs"]!.map((x) => PurpleRun.fromMap(x))),
+	);
+
+	Map<String, dynamic> toMap() => {
+		"runs": runs == null ? [] : List<dynamic>.from(runs!.map((x) => x.toMap())),
+	};
+}
+
+class PurpleRun {
+	String? text;
+	PurpleNavigationEndpoint? navigationEndpoint;
+
+	PurpleRun({
+		this.text,
+		this.navigationEndpoint,
+	});
+
+	factory PurpleRun.fromJson(String str) => PurpleRun.fromMap(json.decode(str));
+
+	String toJson() => json.encode(toMap());
+
+	factory PurpleRun.fromMap(Map<String, dynamic> json) => PurpleRun(
+		text: json["text"],
+		navigationEndpoint: json["navigationEndpoint"] == null ? null : PurpleNavigationEndpoint.fromMap(json["navigationEndpoint"]),
+	);
+
+	Map<String, dynamic> toMap() => {
+		"text": text,
+		"navigationEndpoint": navigationEndpoint?.toMap(),
+	};
+}
+
+class PurpleNavigationEndpoint {
+	String? clickTrackingParams;
+	NavigationEndpointWatchEndpoint? watchEndpoint;
+	PurpleBrowseEndpoint? browseEndpoint;
+
+	PurpleNavigationEndpoint({
+		this.clickTrackingParams,
+		this.watchEndpoint,
+		this.browseEndpoint,
+	});
+
+	factory PurpleNavigationEndpoint.fromJson(String str) => PurpleNavigationEndpoint.fromMap(json.decode(str));
+
+	String toJson() => json.encode(toMap());
+
+	factory PurpleNavigationEndpoint.fromMap(Map<String, dynamic> json) => PurpleNavigationEndpoint(
+		clickTrackingParams: json["clickTrackingParams"],
+		watchEndpoint: json["watchEndpoint"] == null ? null : NavigationEndpointWatchEndpoint.fromMap(json["watchEndpoint"]),
+		browseEndpoint: json["browseEndpoint"] == null ? null : PurpleBrowseEndpoint.fromMap(json["browseEndpoint"]),
+	);
+
+	Map<String, dynamic> toMap() => {
+		"clickTrackingParams": clickTrackingParams,
+		"watchEndpoint": watchEndpoint?.toMap(),
+		"browseEndpoint": browseEndpoint?.toMap(),
+	};
+}
+
+class PurpleBrowseEndpoint {
+	String? browseId;
+	BrowseEndpointContextSupportedConfigs? browseEndpointContextSupportedConfigs;
+
+	PurpleBrowseEndpoint({
+		this.browseId,
+		this.browseEndpointContextSupportedConfigs,
+	});
+
+	factory PurpleBrowseEndpoint.fromJson(String str) => PurpleBrowseEndpoint.fromMap(json.decode(str));
+
+	String toJson() => json.encode(toMap());
+
+	factory PurpleBrowseEndpoint.fromMap(Map<String, dynamic> json) => PurpleBrowseEndpoint(
+		browseId: json["browseId"],
+		browseEndpointContextSupportedConfigs: json["browseEndpointContextSupportedConfigs"] == null ? null : BrowseEndpointContextSupportedConfigs.fromMap(json["browseEndpointContextSupportedConfigs"]),
+	);
+
+	Map<String, dynamic> toMap() => {
+		"browseId": browseId,
+		"browseEndpointContextSupportedConfigs": browseEndpointContextSupportedConfigs?.toMap(),
+	};
+}
+
+class BrowseEndpointContextSupportedConfigs {
+	BrowseEndpointContextMusicConfig? browseEndpointContextMusicConfig;
+
+	BrowseEndpointContextSupportedConfigs({
+		this.browseEndpointContextMusicConfig,
+	});
+
+	factory BrowseEndpointContextSupportedConfigs.fromJson(String str) => BrowseEndpointContextSupportedConfigs.fromMap(json.decode(str));
+
+	String toJson() => json.encode(toMap());
+
+	factory BrowseEndpointContextSupportedConfigs.fromMap(Map<String, dynamic> json) => BrowseEndpointContextSupportedConfigs(
+		browseEndpointContextMusicConfig: json["browseEndpointContextMusicConfig"] == null ? null : BrowseEndpointContextMusicConfig.fromMap(json["browseEndpointContextMusicConfig"]),
+	);
+
+	Map<String, dynamic> toMap() => {
+		"browseEndpointContextMusicConfig": browseEndpointContextMusicConfig?.toMap(),
+	};
+}
+
+class BrowseEndpointContextMusicConfig {
+	String? pageType;
+
+	BrowseEndpointContextMusicConfig({
+		this.pageType,
+	});
+
+	factory BrowseEndpointContextMusicConfig.fromJson(String str) => BrowseEndpointContextMusicConfig.fromMap(json.decode(str));
+
+	String toJson() => json.encode(toMap());
+
+	factory BrowseEndpointContextMusicConfig.fromMap(Map<String, dynamic> json) => BrowseEndpointContextMusicConfig(
+		pageType: json["pageType"],
+	);
+
+	Map<String, dynamic> toMap() => {
+		"pageType": pageType,
+	};
+}
+
+class NavigationEndpointWatchEndpoint {
+	String? videoId;
+	String? playlistId;
+	String? params;
+	LoggingContext? loggingContext;
+	WatchEndpointMusicSupportedConfigs? watchEndpointMusicSupportedConfigs;
+
+	NavigationEndpointWatchEndpoint({
+		this.videoId,
+		this.playlistId,
+		this.params,
+		this.loggingContext,
+		this.watchEndpointMusicSupportedConfigs,
+	});
+
+	factory NavigationEndpointWatchEndpoint.fromJson(String str) => NavigationEndpointWatchEndpoint.fromMap(json.decode(str));
+
+	String toJson() => json.encode(toMap());
+
+	factory NavigationEndpointWatchEndpoint.fromMap(Map<String, dynamic> json) => NavigationEndpointWatchEndpoint(
+		videoId: json["videoId"],
+		playlistId: json["playlistId"],
+		params: json["params"],
+		loggingContext: json["loggingContext"] == null ? null : LoggingContext.fromMap(json["loggingContext"]),
+		watchEndpointMusicSupportedConfigs: json["watchEndpointMusicSupportedConfigs"] == null ? null : WatchEndpointMusicSupportedConfigs.fromMap(json["watchEndpointMusicSupportedConfigs"]),
+	);
+
+	Map<String, dynamic> toMap() => {
+		"videoId": videoId,
+		"playlistId": playlistId,
+		"params": params,
+		"loggingContext": loggingContext?.toMap(),
+		"watchEndpointMusicSupportedConfigs": watchEndpointMusicSupportedConfigs?.toMap(),
+	};
+}
+
+class LoggingContext {
+	VssLoggingContext? vssLoggingContext;
+
+	LoggingContext({
+		this.vssLoggingContext,
+	});
+
+	factory LoggingContext.fromJson(String str) => LoggingContext.fromMap(json.decode(str));
+
+	String toJson() => json.encode(toMap());
+
+	factory LoggingContext.fromMap(Map<String, dynamic> json) => LoggingContext(
+		vssLoggingContext: json["vssLoggingContext"] == null ? null : VssLoggingContext.fromMap(json["vssLoggingContext"]),
+	);
+
+	Map<String, dynamic> toMap() => {
+		"vssLoggingContext": vssLoggingContext?.toMap(),
+	};
+}
+
+class VssLoggingContext {
+	String? serializedContextData;
+
+	VssLoggingContext({
+		this.serializedContextData,
+	});
+
+	factory VssLoggingContext.fromJson(String str) => VssLoggingContext.fromMap(json.decode(str));
+
+	String toJson() => json.encode(toMap());
+
+	factory VssLoggingContext.fromMap(Map<String, dynamic> json) => VssLoggingContext(
+		serializedContextData: json["serializedContextData"],
+	);
+
+	Map<String, dynamic> toMap() => {
+		"serializedContextData": serializedContextData,
+	};
+}
+
+class WatchEndpointMusicSupportedConfigs {
+	WatchEndpointMusicConfig? watchEndpointMusicConfig;
+
+	WatchEndpointMusicSupportedConfigs({
+		this.watchEndpointMusicConfig,
+	});
+
+	factory WatchEndpointMusicSupportedConfigs.fromJson(String str) => WatchEndpointMusicSupportedConfigs.fromMap(json.decode(str));
+
+	String toJson() => json.encode(toMap());
+
+	factory WatchEndpointMusicSupportedConfigs.fromMap(Map<String, dynamic> json) => WatchEndpointMusicSupportedConfigs(
+		watchEndpointMusicConfig: json["watchEndpointMusicConfig"] == null ? null : WatchEndpointMusicConfig.fromMap(json["watchEndpointMusicConfig"]),
+	);
+
+	Map<String, dynamic> toMap() => {
+		"watchEndpointMusicConfig": watchEndpointMusicConfig?.toMap(),
+	};
+}
+
+class WatchEndpointMusicConfig {
+	String? musicVideoType;
+
+	WatchEndpointMusicConfig({
+		this.musicVideoType,
+	});
+
+	factory WatchEndpointMusicConfig.fromJson(String str) => WatchEndpointMusicConfig.fromMap(json.decode(str));
+
+	String toJson() => json.encode(toMap());
+
+	factory WatchEndpointMusicConfig.fromMap(Map<String, dynamic> json) => WatchEndpointMusicConfig(
+		musicVideoType: json["musicVideoType"],
+	);
+
+	Map<String, dynamic> toMap() => {
+		"musicVideoType": musicVideoType,
+	};
+}
+
+class MusicResponsiveListItemRendererMenu {
+	PurpleMenuRenderer? menuRenderer;
+
+	MusicResponsiveListItemRendererMenu({
+		this.menuRenderer,
+	});
+
+	factory MusicResponsiveListItemRendererMenu.fromJson(String str) => MusicResponsiveListItemRendererMenu.fromMap(json.decode(str));
+
+	String toJson() => json.encode(toMap());
+
+	factory MusicResponsiveListItemRendererMenu.fromMap(Map<String, dynamic> json) => MusicResponsiveListItemRendererMenu(
+		menuRenderer: json["menuRenderer"] == null ? null : PurpleMenuRenderer.fromMap(json["menuRenderer"]),
+	);
+
+	Map<String, dynamic> toMap() => {
+		"menuRenderer": menuRenderer?.toMap(),
+	};
+}
+
+class PurpleMenuRenderer {
+	List<PurpleItem>? items;
+	String? trackingParams;
+	List<TopLevelButton>? topLevelButtons;
+	Accessibility? accessibility;
+
+	PurpleMenuRenderer({
+		this.items,
+		this.trackingParams,
+		this.topLevelButtons,
+		this.accessibility,
+	});
+
+	factory PurpleMenuRenderer.fromJson(String str) => PurpleMenuRenderer.fromMap(json.decode(str));
+
+	String toJson() => json.encode(toMap());
+
+	factory PurpleMenuRenderer.fromMap(Map<String, dynamic> json) => PurpleMenuRenderer(
+		items: json["items"] == null ? [] : List<PurpleItem>.from(json["items"]!.map((x) => PurpleItem.fromMap(x))),
+		trackingParams: json["trackingParams"],
+		topLevelButtons: json["topLevelButtons"] == null ? [] : List<TopLevelButton>.from(json["topLevelButtons"]!.map((x) => TopLevelButton.fromMap(x))),
+		accessibility: json["accessibility"] == null ? null : Accessibility.fromMap(json["accessibility"]),
+	);
+
+	Map<String, dynamic> toMap() => {
+		"items": items == null ? [] : List<dynamic>.from(items!.map((x) => x.toMap())),
+		"trackingParams": trackingParams,
+		"topLevelButtons": topLevelButtons == null ? [] : List<dynamic>.from(topLevelButtons!.map((x) => x.toMap())),
+		"accessibility": accessibility?.toMap(),
+	};
+}
+
+class Accessibility {
+	AccessibilityData? accessibilityData;
+
+	Accessibility({
+		this.accessibilityData,
+	});
+
+	factory Accessibility.fromJson(String str) => Accessibility.fromMap(json.decode(str));
+
+	String toJson() => json.encode(toMap());
+
+	factory Accessibility.fromMap(Map<String, dynamic> json) => Accessibility(
+		accessibilityData: json["accessibilityData"] == null ? null : AccessibilityData.fromMap(json["accessibilityData"]),
+	);
+
+	Map<String, dynamic> toMap() => {
+		"accessibilityData": accessibilityData?.toMap(),
+	};
+}
+
+class AccessibilityData {
+	String? label;
+
+	AccessibilityData({
+		this.label,
+	});
+
+	factory AccessibilityData.fromJson(String str) => AccessibilityData.fromMap(json.decode(str));
+
+	String toJson() => json.encode(toMap());
+
+	factory AccessibilityData.fromMap(Map<String, dynamic> json) => AccessibilityData(
+		label: json["label"],
+	);
+
+	Map<String, dynamic> toMap() => {
+		"label": label,
+	};
+}
+
+class PurpleItem {
+	MenuItemRenderer? menuNavigationItemRenderer;
+	MenuItemRenderer? menuServiceItemRenderer;
+	PurpleToggleMenuServiceItemRenderer? toggleMenuServiceItemRenderer;
+
+	PurpleItem({
+		this.menuNavigationItemRenderer,
+		this.menuServiceItemRenderer,
+		this.toggleMenuServiceItemRenderer,
+	});
+
+	factory PurpleItem.fromJson(String str) => PurpleItem.fromMap(json.decode(str));
+
+	String toJson() => json.encode(toMap());
+
+	factory PurpleItem.fromMap(Map<String, dynamic> json) => PurpleItem(
+		menuNavigationItemRenderer: json["menuNavigationItemRenderer"] == null ? null : MenuItemRenderer.fromMap(json["menuNavigationItemRenderer"]),
+		menuServiceItemRenderer: json["menuServiceItemRenderer"] == null ? null : MenuItemRenderer.fromMap(json["menuServiceItemRenderer"]),
+		toggleMenuServiceItemRenderer: json["toggleMenuServiceItemRenderer"] == null ? null : PurpleToggleMenuServiceItemRenderer.fromMap(json["toggleMenuServiceItemRenderer"]),
+	);
+
+	Map<String, dynamic> toMap() => {
+		"menuNavigationItemRenderer": menuNavigationItemRenderer?.toMap(),
+		"menuServiceItemRenderer": menuServiceItemRenderer?.toMap(),
+		"toggleMenuServiceItemRenderer": toggleMenuServiceItemRenderer?.toMap(),
+	};
+}
+
+class MenuItemRenderer {
+	PrimaryText? text;
+	Icon? icon;
+	MenuNavigationItemRendererNavigationEndpoint? navigationEndpoint;
+	String? trackingParams;
+	ServiceEndpoint? serviceEndpoint;
+
+	MenuItemRenderer({
+		this.text,
+		this.icon,
+		this.navigationEndpoint,
+		this.trackingParams,
+		this.serviceEndpoint,
+	});
+
+	factory MenuItemRenderer.fromJson(String str) => MenuItemRenderer.fromMap(json.decode(str));
+
+	String toJson() => json.encode(toMap());
+
+	factory MenuItemRenderer.fromMap(Map<String, dynamic> json) => MenuItemRenderer(
+		text: json["text"] == null ? null : PrimaryText.fromMap(json["text"]),
+		icon: json["icon"] == null ? null : Icon.fromMap(json["icon"]),
+		navigationEndpoint: json["navigationEndpoint"] == null ? null : MenuNavigationItemRendererNavigationEndpoint.fromMap(json["navigationEndpoint"]),
+		trackingParams: json["trackingParams"],
+		serviceEndpoint: json["serviceEndpoint"] == null ? null : ServiceEndpoint.fromMap(json["serviceEndpoint"]),
+	);
+
+	Map<String, dynamic> toMap() => {
+		"text": text?.toMap(),
+		"icon": icon?.toMap(),
+		"navigationEndpoint": navigationEndpoint?.toMap(),
+		"trackingParams": trackingParams,
+		"serviceEndpoint": serviceEndpoint?.toMap(),
+	};
+}
+
+class Icon {
+	String? iconType;
+
+	Icon({
+		this.iconType,
+	});
+
+	factory Icon.fromJson(String str) => Icon.fromMap(json.decode(str));
+
+	String toJson() => json.encode(toMap());
+
+	factory Icon.fromMap(Map<String, dynamic> json) => Icon(
+		iconType: json["iconType"],
+	);
+
+	Map<String, dynamic> toMap() => {
+		"iconType": iconType,
+	};
+}
+
+class MenuNavigationItemRendererNavigationEndpoint {
+	String? clickTrackingParams;
+	NavigationEndpointWatchEndpoint? watchEndpoint;
+	ModalEndpoint? modalEndpoint;
+	ShareEntityEndpoint? shareEntityEndpoint;
+	PurpleBrowseEndpoint? browseEndpoint;
+	WatchPlaylistEndpoint? watchPlaylistEndpoint;
+
+	MenuNavigationItemRendererNavigationEndpoint({
+		this.clickTrackingParams,
+		this.watchEndpoint,
+		this.modalEndpoint,
+		this.shareEntityEndpoint,
+		this.browseEndpoint,
+		this.watchPlaylistEndpoint,
+	});
+
+	factory MenuNavigationItemRendererNavigationEndpoint.fromJson(String str) => MenuNavigationItemRendererNavigationEndpoint.fromMap(json.decode(str));
+
+	String toJson() => json.encode(toMap());
+
+	factory MenuNavigationItemRendererNavigationEndpoint.fromMap(Map<String, dynamic> json) => MenuNavigationItemRendererNavigationEndpoint(
+		clickTrackingParams: json["clickTrackingParams"],
+		watchEndpoint: json["watchEndpoint"] == null ? null : NavigationEndpointWatchEndpoint.fromMap(json["watchEndpoint"]),
+		modalEndpoint: json["modalEndpoint"] == null ? null : ModalEndpoint.fromMap(json["modalEndpoint"]),
+		shareEntityEndpoint: json["shareEntityEndpoint"] == null ? null : ShareEntityEndpoint.fromMap(json["shareEntityEndpoint"]),
+		browseEndpoint: json["browseEndpoint"] == null ? null : PurpleBrowseEndpoint.fromMap(json["browseEndpoint"]),
+		watchPlaylistEndpoint: json["watchPlaylistEndpoint"] == null ? null : WatchPlaylistEndpoint.fromMap(json["watchPlaylistEndpoint"]),
+	);
+
+	Map<String, dynamic> toMap() => {
+		"clickTrackingParams": clickTrackingParams,
+		"watchEndpoint": watchEndpoint?.toMap(),
+		"modalEndpoint": modalEndpoint?.toMap(),
+		"shareEntityEndpoint": shareEntityEndpoint?.toMap(),
+		"browseEndpoint": browseEndpoint?.toMap(),
+		"watchPlaylistEndpoint": watchPlaylistEndpoint?.toMap(),
+	};
+}
+
+class ModalEndpoint {
+	Modal? modal;
+
+	ModalEndpoint({
+		this.modal,
+	});
+
+	factory ModalEndpoint.fromJson(String str) => ModalEndpoint.fromMap(json.decode(str));
+
+	String toJson() => json.encode(toMap());
+
+	factory ModalEndpoint.fromMap(Map<String, dynamic> json) => ModalEndpoint(
+		modal: json["modal"] == null ? null : Modal.fromMap(json["modal"]),
+	);
+
+	Map<String, dynamic> toMap() => {
+		"modal": modal?.toMap(),
+	};
+}
+
+class Modal {
+	ModalWithTitleAndButtonRenderer? modalWithTitleAndButtonRenderer;
+
+	Modal({
+		this.modalWithTitleAndButtonRenderer,
+	});
+
+	factory Modal.fromJson(String str) => Modal.fromMap(json.decode(str));
+
+	String toJson() => json.encode(toMap());
+
+	factory Modal.fromMap(Map<String, dynamic> json) => Modal(
+		modalWithTitleAndButtonRenderer: json["modalWithTitleAndButtonRenderer"] == null ? null : ModalWithTitleAndButtonRenderer.fromMap(json["modalWithTitleAndButtonRenderer"]),
+	);
+
+	Map<String, dynamic> toMap() => {
+		"modalWithTitleAndButtonRenderer": modalWithTitleAndButtonRenderer?.toMap(),
+	};
+}
+
+class ModalWithTitleAndButtonRenderer {
+	PrimaryText? title;
+	PrimaryText? content;
+	Button? button;
+
+	ModalWithTitleAndButtonRenderer({
+		this.title,
+		this.content,
+		this.button,
+	});
+
+	factory ModalWithTitleAndButtonRenderer.fromJson(String str) => ModalWithTitleAndButtonRenderer.fromMap(json.decode(str));
+
+	String toJson() => json.encode(toMap());
+
+	factory ModalWithTitleAndButtonRenderer.fromMap(Map<String, dynamic> json) => ModalWithTitleAndButtonRenderer(
+		title: json["title"] == null ? null : PrimaryText.fromMap(json["title"]),
+		content: json["content"] == null ? null : PrimaryText.fromMap(json["content"]),
+		button: json["button"] == null ? null : Button.fromMap(json["button"]),
+	);
+
+	Map<String, dynamic> toMap() => {
+		"title": title?.toMap(),
+		"content": content?.toMap(),
+		"button": button?.toMap(),
+	};
+}
+
+class Button {
+	ButtonButtonRenderer? buttonRenderer;
+
+	Button({
+		this.buttonRenderer,
+	});
+
+	factory Button.fromJson(String str) => Button.fromMap(json.decode(str));
+
+	String toJson() => json.encode(toMap());
+
+	factory Button.fromMap(Map<String, dynamic> json) => Button(
+		buttonRenderer: json["buttonRenderer"] == null ? null : ButtonButtonRenderer.fromMap(json["buttonRenderer"]),
+	);
+
+	Map<String, dynamic> toMap() => {
+		"buttonRenderer": buttonRenderer?.toMap(),
+	};
+}
+
+class ButtonButtonRenderer {
+	String? style;
+	bool? isDisabled;
+	PrimaryText? text;
+	FluffyNavigationEndpoint? navigationEndpoint;
+	String? trackingParams;
+
+	ButtonButtonRenderer({
+		this.style,
+		this.isDisabled,
+		this.text,
+		this.navigationEndpoint,
+		this.trackingParams,
+	});
+
+	factory ButtonButtonRenderer.fromJson(String str) => ButtonButtonRenderer.fromMap(json.decode(str));
+
+	String toJson() => json.encode(toMap());
+
+	factory ButtonButtonRenderer.fromMap(Map<String, dynamic> json) => ButtonButtonRenderer(
+		style: json["style"],
+		isDisabled: json["isDisabled"],
+		text: json["text"] == null ? null : PrimaryText.fromMap(json["text"]),
+		navigationEndpoint: json["navigationEndpoint"] == null ? null : FluffyNavigationEndpoint.fromMap(json["navigationEndpoint"]),
+		trackingParams: json["trackingParams"],
+	);
+
+	Map<String, dynamic> toMap() => {
+		"style": style,
+		"isDisabled": isDisabled,
+		"text": text?.toMap(),
+		"navigationEndpoint": navigationEndpoint?.toMap(),
+		"trackingParams": trackingParams,
+	};
+}
+
+class FluffyNavigationEndpoint {
+	String? clickTrackingParams;
+	SignInEndpoint? signInEndpoint;
+
+	FluffyNavigationEndpoint({
+		this.clickTrackingParams,
+		this.signInEndpoint,
+	});
+
+	factory FluffyNavigationEndpoint.fromJson(String str) => FluffyNavigationEndpoint.fromMap(json.decode(str));
+
+	String toJson() => json.encode(toMap());
+
+	factory FluffyNavigationEndpoint.fromMap(Map<String, dynamic> json) => FluffyNavigationEndpoint(
+		clickTrackingParams: json["clickTrackingParams"],
+		signInEndpoint: json["signInEndpoint"] == null ? null : SignInEndpoint.fromMap(json["signInEndpoint"]),
+	);
+
+	Map<String, dynamic> toMap() => {
+		"clickTrackingParams": clickTrackingParams,
+		"signInEndpoint": signInEndpoint?.toMap(),
+	};
+}
+
+class SignInEndpoint {
+	bool? hack;
+
+	SignInEndpoint({
+		this.hack,
+	});
+
+	factory SignInEndpoint.fromJson(String str) => SignInEndpoint.fromMap(json.decode(str));
+
+	String toJson() => json.encode(toMap());
+
+	factory SignInEndpoint.fromMap(Map<String, dynamic> json) => SignInEndpoint(
+		hack: json["hack"],
+	);
+
+	Map<String, dynamic> toMap() => {
+		"hack": hack,
+	};
+}
+
+class PrimaryText {
+	List<PrimaryTextRun>? runs;
+
+	PrimaryText({
+		this.runs,
+	});
+
+	factory PrimaryText.fromJson(String str) => PrimaryText.fromMap(json.decode(str));
+
+	String toJson() => json.encode(toMap());
+
+	factory PrimaryText.fromMap(Map<String, dynamic> json) => PrimaryText(
+		runs: json["runs"] == null ? [] : List<PrimaryTextRun>.from(json["runs"]!.map((x) => PrimaryTextRun.fromMap(x))),
+	);
+
+	Map<String, dynamic> toMap() => {
+		"runs": runs == null ? [] : List<dynamic>.from(runs!.map((x) => x.toMap())),
+	};
+}
+
+class PrimaryTextRun {
+	String? text;
+
+	PrimaryTextRun({
+		this.text,
+	});
+
+	factory PrimaryTextRun.fromJson(String str) => PrimaryTextRun.fromMap(json.decode(str));
+
+	String toJson() => json.encode(toMap());
+
+	factory PrimaryTextRun.fromMap(Map<String, dynamic> json) => PrimaryTextRun(
+		text: json["text"],
+	);
+
+	Map<String, dynamic> toMap() => {
+		"text": text,
+	};
+}
+
+class ShareEntityEndpoint {
+	String? serializedShareEntity;
+	String? sharePanelType;
+
+	ShareEntityEndpoint({
+		this.serializedShareEntity,
+		this.sharePanelType,
+	});
+
+	factory ShareEntityEndpoint.fromJson(String str) => ShareEntityEndpoint.fromMap(json.decode(str));
+
+	String toJson() => json.encode(toMap());
+
+	factory ShareEntityEndpoint.fromMap(Map<String, dynamic> json) => ShareEntityEndpoint(
+		serializedShareEntity: json["serializedShareEntity"],
+		sharePanelType: json["sharePanelType"],
+	);
+
+	Map<String, dynamic> toMap() => {
+		"serializedShareEntity": serializedShareEntity,
+		"sharePanelType": sharePanelType,
+	};
+}
+
+class WatchPlaylistEndpoint {
+	String? playlistId;
+	String? params;
+
+	WatchPlaylistEndpoint({
+		this.playlistId,
+		this.params,
+	});
+
+	factory WatchPlaylistEndpoint.fromJson(String str) => WatchPlaylistEndpoint.fromMap(json.decode(str));
+
+	String toJson() => json.encode(toMap());
+
+	factory WatchPlaylistEndpoint.fromMap(Map<String, dynamic> json) => WatchPlaylistEndpoint(
+		playlistId: json["playlistId"],
+		params: json["params"],
+	);
+
+	Map<String, dynamic> toMap() => {
+		"playlistId": playlistId,
+		"params": params,
+	};
+}
+
+class ServiceEndpoint {
+	String? clickTrackingParams;
+	QueueAddEndpoint? queueAddEndpoint;
+
+	ServiceEndpoint({
+		this.clickTrackingParams,
+		this.queueAddEndpoint,
+	});
+
+	factory ServiceEndpoint.fromJson(String str) => ServiceEndpoint.fromMap(json.decode(str));
+
+	String toJson() => json.encode(toMap());
+
+	factory ServiceEndpoint.fromMap(Map<String, dynamic> json) => ServiceEndpoint(
+		clickTrackingParams: json["clickTrackingParams"],
+		queueAddEndpoint: json["queueAddEndpoint"] == null ? null : QueueAddEndpoint.fromMap(json["queueAddEndpoint"]),
+	);
+
+	Map<String, dynamic> toMap() => {
+		"clickTrackingParams": clickTrackingParams,
+		"queueAddEndpoint": queueAddEndpoint?.toMap(),
+	};
+}
+
+class QueueAddEndpoint {
+	QueueTarget? queueTarget;
+	String? queueInsertPosition;
+	List<Command>? commands;
+
+	QueueAddEndpoint({
+		this.queueTarget,
+		this.queueInsertPosition,
+		this.commands,
+	});
+
+	factory QueueAddEndpoint.fromJson(String str) => QueueAddEndpoint.fromMap(json.decode(str));
+
+	String toJson() => json.encode(toMap());
+
+	factory QueueAddEndpoint.fromMap(Map<String, dynamic> json) => QueueAddEndpoint(
+		queueTarget: json["queueTarget"] == null ? null : QueueTarget.fromMap(json["queueTarget"]),
+		queueInsertPosition: json["queueInsertPosition"],
+		commands: json["commands"] == null ? [] : List<Command>.from(json["commands"]!.map((x) => Command.fromMap(x))),
+	);
+
+	Map<String, dynamic> toMap() => {
+		"queueTarget": queueTarget?.toMap(),
+		"queueInsertPosition": queueInsertPosition,
+		"commands": commands == null ? [] : List<dynamic>.from(commands!.map((x) => x.toMap())),
+	};
+}
+
+class Command {
+	String? clickTrackingParams;
+	AddToToastAction? addToToastAction;
+
+	Command({
+		this.clickTrackingParams,
+		this.addToToastAction,
+	});
+
+	factory Command.fromJson(String str) => Command.fromMap(json.decode(str));
+
+	String toJson() => json.encode(toMap());
+
+	factory Command.fromMap(Map<String, dynamic> json) => Command(
+		clickTrackingParams: json["clickTrackingParams"],
+		addToToastAction: json["addToToastAction"] == null ? null : AddToToastAction.fromMap(json["addToToastAction"]),
+	);
+
+	Map<String, dynamic> toMap() => {
+		"clickTrackingParams": clickTrackingParams,
+		"addToToastAction": addToToastAction?.toMap(),
+	};
+}
+
+class AddToToastAction {
+	AddToToastActionItem? item;
+
+	AddToToastAction({
+		this.item,
+	});
+
+	factory AddToToastAction.fromJson(String str) => AddToToastAction.fromMap(json.decode(str));
+
+	String toJson() => json.encode(toMap());
+
+	factory AddToToastAction.fromMap(Map<String, dynamic> json) => AddToToastAction(
+		item: json["item"] == null ? null : AddToToastActionItem.fromMap(json["item"]),
+	);
+
+	Map<String, dynamic> toMap() => {
+		"item": item?.toMap(),
+	};
+}
+
+class AddToToastActionItem {
+	NotificationTextRenderer? notificationTextRenderer;
+
+	AddToToastActionItem({
+		this.notificationTextRenderer,
+	});
+
+	factory AddToToastActionItem.fromJson(String str) => AddToToastActionItem.fromMap(json.decode(str));
+
+	String toJson() => json.encode(toMap());
+
+	factory AddToToastActionItem.fromMap(Map<String, dynamic> json) => AddToToastActionItem(
+		notificationTextRenderer: json["notificationTextRenderer"] == null ? null : NotificationTextRenderer.fromMap(json["notificationTextRenderer"]),
+	);
+
+	Map<String, dynamic> toMap() => {
+		"notificationTextRenderer": notificationTextRenderer?.toMap(),
+	};
+}
+
+class NotificationTextRenderer {
+	PrimaryText? successResponseText;
+	String? trackingParams;
+
+	NotificationTextRenderer({
+		this.successResponseText,
+		this.trackingParams,
+	});
+
+	factory NotificationTextRenderer.fromJson(String str) => NotificationTextRenderer.fromMap(json.decode(str));
+
+	String toJson() => json.encode(toMap());
+
+	factory NotificationTextRenderer.fromMap(Map<String, dynamic> json) => NotificationTextRenderer(
+		successResponseText: json["successResponseText"] == null ? null : PrimaryText.fromMap(json["successResponseText"]),
+		trackingParams: json["trackingParams"],
+	);
+
+	Map<String, dynamic> toMap() => {
+		"successResponseText": successResponseText?.toMap(),
+		"trackingParams": trackingParams,
+	};
+}
+
+class QueueTarget {
+	String? videoId;
+	OnEmptyQueue? onEmptyQueue;
+	String? playlistId;
+
+	QueueTarget({
+		this.videoId,
+		this.onEmptyQueue,
+		this.playlistId,
+	});
+
+	factory QueueTarget.fromJson(String str) => QueueTarget.fromMap(json.decode(str));
+
+	String toJson() => json.encode(toMap());
+
+	factory QueueTarget.fromMap(Map<String, dynamic> json) => QueueTarget(
+		videoId: json["videoId"],
+		onEmptyQueue: json["onEmptyQueue"] == null ? null : OnEmptyQueue.fromMap(json["onEmptyQueue"]),
+		playlistId: json["playlistId"],
+	);
+
+	Map<String, dynamic> toMap() => {
+		"videoId": videoId,
+		"onEmptyQueue": onEmptyQueue?.toMap(),
+		"playlistId": playlistId,
+	};
+}
+
+class OnEmptyQueue {
+	String? clickTrackingParams;
+	OnEmptyQueueWatchEndpoint? watchEndpoint;
+
+	OnEmptyQueue({
+		this.clickTrackingParams,
+		this.watchEndpoint,
+	});
+
+	factory OnEmptyQueue.fromJson(String str) => OnEmptyQueue.fromMap(json.decode(str));
+
+	String toJson() => json.encode(toMap());
+
+	factory OnEmptyQueue.fromMap(Map<String, dynamic> json) => OnEmptyQueue(
+		clickTrackingParams: json["clickTrackingParams"],
+		watchEndpoint: json["watchEndpoint"] == null ? null : OnEmptyQueueWatchEndpoint.fromMap(json["watchEndpoint"]),
+	);
+
+	Map<String, dynamic> toMap() => {
+		"clickTrackingParams": clickTrackingParams,
+		"watchEndpoint": watchEndpoint?.toMap(),
+	};
+}
+
+class OnEmptyQueueWatchEndpoint {
+	String? videoId;
+	String? playlistId;
+
+	OnEmptyQueueWatchEndpoint({
+		this.videoId,
+		this.playlistId,
+	});
+
+	factory OnEmptyQueueWatchEndpoint.fromJson(String str) => OnEmptyQueueWatchEndpoint.fromMap(json.decode(str));
+
+	String toJson() => json.encode(toMap());
+
+	factory OnEmptyQueueWatchEndpoint.fromMap(Map<String, dynamic> json) => OnEmptyQueueWatchEndpoint(
+		videoId: json["videoId"],
+		playlistId: json["playlistId"],
+	);
+
+	Map<String, dynamic> toMap() => {
+		"videoId": videoId,
+		"playlistId": playlistId,
+	};
+}
+
+class PurpleToggleMenuServiceItemRenderer {
+	PrimaryText? defaultText;
+	Icon? defaultIcon;
+	DefaultServiceEndpointClass? defaultServiceEndpoint;
+	PrimaryText? toggledText;
+	Icon? toggledIcon;
+	PurpleToggledServiceEndpoint? toggledServiceEndpoint;
+	String? trackingParams;
+
+	PurpleToggleMenuServiceItemRenderer({
+		this.defaultText,
+		this.defaultIcon,
+		this.defaultServiceEndpoint,
+		this.toggledText,
+		this.toggledIcon,
+		this.toggledServiceEndpoint,
+		this.trackingParams,
+	});
+
+	factory PurpleToggleMenuServiceItemRenderer.fromJson(String str) => PurpleToggleMenuServiceItemRenderer.fromMap(json.decode(str));
+
+	String toJson() => json.encode(toMap());
+
+	factory PurpleToggleMenuServiceItemRenderer.fromMap(Map<String, dynamic> json) => PurpleToggleMenuServiceItemRenderer(
+		defaultText: json["defaultText"] == null ? null : PrimaryText.fromMap(json["defaultText"]),
+		defaultIcon: json["defaultIcon"] == null ? null : Icon.fromMap(json["defaultIcon"]),
+		defaultServiceEndpoint: json["defaultServiceEndpoint"] == null ? null : DefaultServiceEndpointClass.fromMap(json["defaultServiceEndpoint"]),
+		toggledText: json["toggledText"] == null ? null : PrimaryText.fromMap(json["toggledText"]),
+		toggledIcon: json["toggledIcon"] == null ? null : Icon.fromMap(json["toggledIcon"]),
+		toggledServiceEndpoint: json["toggledServiceEndpoint"] == null ? null : PurpleToggledServiceEndpoint.fromMap(json["toggledServiceEndpoint"]),
+		trackingParams: json["trackingParams"],
+	);
+
+	Map<String, dynamic> toMap() => {
+		"defaultText": defaultText?.toMap(),
+		"defaultIcon": defaultIcon?.toMap(),
+		"defaultServiceEndpoint": defaultServiceEndpoint?.toMap(),
+		"toggledText": toggledText?.toMap(),
+		"toggledIcon": toggledIcon?.toMap(),
+		"toggledServiceEndpoint": toggledServiceEndpoint?.toMap(),
+		"trackingParams": trackingParams,
+	};
+}
+
+class DefaultServiceEndpointClass {
+	String? clickTrackingParams;
+	ModalEndpoint? modalEndpoint;
+
+	DefaultServiceEndpointClass({
+		this.clickTrackingParams,
+		this.modalEndpoint,
+	});
+
+	factory DefaultServiceEndpointClass.fromJson(String str) => DefaultServiceEndpointClass.fromMap(json.decode(str));
+
+	String toJson() => json.encode(toMap());
+
+	factory DefaultServiceEndpointClass.fromMap(Map<String, dynamic> json) => DefaultServiceEndpointClass(
+		clickTrackingParams: json["clickTrackingParams"],
+		modalEndpoint: json["modalEndpoint"] == null ? null : ModalEndpoint.fromMap(json["modalEndpoint"]),
+	);
+
+	Map<String, dynamic> toMap() => {
+		"clickTrackingParams": clickTrackingParams,
+		"modalEndpoint": modalEndpoint?.toMap(),
+	};
+}
+
+class PurpleToggledServiceEndpoint {
+	String? clickTrackingParams;
+	FeedbackEndpoint? feedbackEndpoint;
+
+	PurpleToggledServiceEndpoint({
+		this.clickTrackingParams,
+		this.feedbackEndpoint,
+	});
+
+	factory PurpleToggledServiceEndpoint.fromJson(String str) => PurpleToggledServiceEndpoint.fromMap(json.decode(str));
+
+	String toJson() => json.encode(toMap());
+
+	factory PurpleToggledServiceEndpoint.fromMap(Map<String, dynamic> json) => PurpleToggledServiceEndpoint(
+		clickTrackingParams: json["clickTrackingParams"],
+		feedbackEndpoint: json["feedbackEndpoint"] == null ? null : FeedbackEndpoint.fromMap(json["feedbackEndpoint"]),
+	);
+
+	Map<String, dynamic> toMap() => {
+		"clickTrackingParams": clickTrackingParams,
+		"feedbackEndpoint": feedbackEndpoint?.toMap(),
+	};
+}
+
+class FeedbackEndpoint {
+	String? feedbackToken;
+
+	FeedbackEndpoint({
+		this.feedbackToken,
+	});
+
+	factory FeedbackEndpoint.fromJson(String str) => FeedbackEndpoint.fromMap(json.decode(str));
+
+	String toJson() => json.encode(toMap());
+
+	factory FeedbackEndpoint.fromMap(Map<String, dynamic> json) => FeedbackEndpoint(
+		feedbackToken: json["feedbackToken"],
+	);
+
+	Map<String, dynamic> toMap() => {
+		"feedbackToken": feedbackToken,
+	};
+}
+
+class TopLevelButton {
+	LikeButtonRenderer? likeButtonRenderer;
+
+	TopLevelButton({
+		this.likeButtonRenderer,
+	});
+
+	factory TopLevelButton.fromJson(String str) => TopLevelButton.fromMap(json.decode(str));
+
+	String toJson() => json.encode(toMap());
+
+	factory TopLevelButton.fromMap(Map<String, dynamic> json) => TopLevelButton(
+		likeButtonRenderer: json["likeButtonRenderer"] == null ? null : LikeButtonRenderer.fromMap(json["likeButtonRenderer"]),
+	);
+
+	Map<String, dynamic> toMap() => {
+		"likeButtonRenderer": likeButtonRenderer?.toMap(),
+	};
+}
+
+class LikeButtonRenderer {
+	PlaylistItemData? target;
+	String? likeStatus;
+	String? trackingParams;
+	bool? likesAllowed;
+	DefaultServiceEndpointClass? dislikeNavigationEndpoint;
+	DefaultServiceEndpointClass? likeCommand;
+
+	LikeButtonRenderer({
+		this.target,
+		this.likeStatus,
+		this.trackingParams,
+		this.likesAllowed,
+		this.dislikeNavigationEndpoint,
+		this.likeCommand,
+	});
+
+	factory LikeButtonRenderer.fromJson(String str) => LikeButtonRenderer.fromMap(json.decode(str));
+
+	String toJson() => json.encode(toMap());
+
+	factory LikeButtonRenderer.fromMap(Map<String, dynamic> json) => LikeButtonRenderer(
+		target: json["target"] == null ? null : PlaylistItemData.fromMap(json["target"]),
+		likeStatus: json["likeStatus"],
+		trackingParams: json["trackingParams"],
+		likesAllowed: json["likesAllowed"],
+		dislikeNavigationEndpoint: json["dislikeNavigationEndpoint"] == null ? null : DefaultServiceEndpointClass.fromMap(json["dislikeNavigationEndpoint"]),
+		likeCommand: json["likeCommand"] == null ? null : DefaultServiceEndpointClass.fromMap(json["likeCommand"]),
+	);
+
+	Map<String, dynamic> toMap() => {
+		"target": target?.toMap(),
+		"likeStatus": likeStatus,
+		"trackingParams": trackingParams,
+		"likesAllowed": likesAllowed,
+		"dislikeNavigationEndpoint": dislikeNavigationEndpoint?.toMap(),
+		"likeCommand": likeCommand?.toMap(),
+	};
+}
+
+class PlaylistItemData {
+	String? videoId;
+
+	PlaylistItemData({
+		this.videoId,
+	});
+
+	factory PlaylistItemData.fromJson(String str) => PlaylistItemData.fromMap(json.decode(str));
+
+	String toJson() => json.encode(toMap());
+
+	factory PlaylistItemData.fromMap(Map<String, dynamic> json) => PlaylistItemData(
+		videoId: json["videoId"],
+	);
+
+	Map<String, dynamic> toMap() => {
+		"videoId": videoId,
+	};
+}
+
+class Overlay {
+	OverlayMusicItemThumbnailOverlayRenderer? musicItemThumbnailOverlayRenderer;
+
+	Overlay({
+		this.musicItemThumbnailOverlayRenderer,
+	});
+
+	factory Overlay.fromJson(String str) => Overlay.fromMap(json.decode(str));
+
+	String toJson() => json.encode(toMap());
+
+	factory Overlay.fromMap(Map<String, dynamic> json) => Overlay(
+		musicItemThumbnailOverlayRenderer: json["musicItemThumbnailOverlayRenderer"] == null ? null : OverlayMusicItemThumbnailOverlayRenderer.fromMap(json["musicItemThumbnailOverlayRenderer"]),
+	);
+
+	Map<String, dynamic> toMap() => {
+		"musicItemThumbnailOverlayRenderer": musicItemThumbnailOverlayRenderer?.toMap(),
+	};
+}
+
+class OverlayMusicItemThumbnailOverlayRenderer {
+	MusicItemThumbnailOverlayRendererBackground? background;
+	PurpleContent? content;
+	String? contentPosition;
+	String? displayStyle;
+
+	OverlayMusicItemThumbnailOverlayRenderer({
+		this.background,
+		this.content,
+		this.contentPosition,
+		this.displayStyle,
+	});
+
+	factory OverlayMusicItemThumbnailOverlayRenderer.fromJson(String str) => OverlayMusicItemThumbnailOverlayRenderer.fromMap(json.decode(str));
+
+	String toJson() => json.encode(toMap());
+
+	factory OverlayMusicItemThumbnailOverlayRenderer.fromMap(Map<String, dynamic> json) => OverlayMusicItemThumbnailOverlayRenderer(
+		background: json["background"] == null ? null : MusicItemThumbnailOverlayRendererBackground.fromMap(json["background"]),
+		content: json["content"] == null ? null : PurpleContent.fromMap(json["content"]),
+		contentPosition: json["contentPosition"],
+		displayStyle: json["displayStyle"],
+	);
+
+	Map<String, dynamic> toMap() => {
+		"background": background?.toMap(),
+		"content": content?.toMap(),
+		"contentPosition": contentPosition,
+		"displayStyle": displayStyle,
+	};
+}
+
+class MusicItemThumbnailOverlayRendererBackground {
+	VerticalGradient? verticalGradient;
+
+	MusicItemThumbnailOverlayRendererBackground({
+		this.verticalGradient,
+	});
+
+	factory MusicItemThumbnailOverlayRendererBackground.fromJson(String str) => MusicItemThumbnailOverlayRendererBackground.fromMap(json.decode(str));
+
+	String toJson() => json.encode(toMap());
+
+	factory MusicItemThumbnailOverlayRendererBackground.fromMap(Map<String, dynamic> json) => MusicItemThumbnailOverlayRendererBackground(
+		verticalGradient: json["verticalGradient"] == null ? null : VerticalGradient.fromMap(json["verticalGradient"]),
+	);
+
+	Map<String, dynamic> toMap() => {
+		"verticalGradient": verticalGradient?.toMap(),
+	};
+}
+
+class VerticalGradient {
+	List<String>? gradientLayerColors;
+
+	VerticalGradient({
+		this.gradientLayerColors,
+	});
+
+	factory VerticalGradient.fromJson(String str) => VerticalGradient.fromMap(json.decode(str));
+
+	String toJson() => json.encode(toMap());
+
+	factory VerticalGradient.fromMap(Map<String, dynamic> json) => VerticalGradient(
+		gradientLayerColors: json["gradientLayerColors"] == null ? [] : List<String>.from(json["gradientLayerColors"]!.map((x) => x)),
+	);
+
+	Map<String, dynamic> toMap() => {
+		"gradientLayerColors": gradientLayerColors == null ? [] : List<dynamic>.from(gradientLayerColors!.map((x) => x)),
+	};
+}
+
+class PurpleContent {
+	PurpleMusicPlayButtonRenderer? musicPlayButtonRenderer;
+
+	PurpleContent({
+		this.musicPlayButtonRenderer,
+	});
+
+	factory PurpleContent.fromJson(String str) => PurpleContent.fromMap(json.decode(str));
+
+	String toJson() => json.encode(toMap());
+
+	factory PurpleContent.fromMap(Map<String, dynamic> json) => PurpleContent(
+		musicPlayButtonRenderer: json["musicPlayButtonRenderer"] == null ? null : PurpleMusicPlayButtonRenderer.fromMap(json["musicPlayButtonRenderer"]),
+	);
+
+	Map<String, dynamic> toMap() => {
+		"musicPlayButtonRenderer": musicPlayButtonRenderer?.toMap(),
+	};
+}
+
+class PurpleMusicPlayButtonRenderer {
+	PurplePlayNavigationEndpoint? playNavigationEndpoint;
+	String? trackingParams;
+	Icon? playIcon;
+	Icon? pauseIcon;
+	int? iconColor;
+	int? backgroundColor;
+	int? activeBackgroundColor;
+	int? loadingIndicatorColor;
+	Icon? playingIcon;
+	int? iconLoadingColor;
+	int? activeScaleFactor;
+	String? buttonSize;
+	String? rippleTarget;
+	Accessibility? accessibilityPlayData;
+	Accessibility? accessibilityPauseData;
+
+	PurpleMusicPlayButtonRenderer({
+		this.playNavigationEndpoint,
+		this.trackingParams,
+		this.playIcon,
+		this.pauseIcon,
+		this.iconColor,
+		this.backgroundColor,
+		this.activeBackgroundColor,
+		this.loadingIndicatorColor,
+		this.playingIcon,
+		this.iconLoadingColor,
+		this.activeScaleFactor,
+		this.buttonSize,
+		this.rippleTarget,
+		this.accessibilityPlayData,
+		this.accessibilityPauseData,
+	});
+
+	factory PurpleMusicPlayButtonRenderer.fromJson(String str) => PurpleMusicPlayButtonRenderer.fromMap(json.decode(str));
+
+	String toJson() => json.encode(toMap());
+
+	factory PurpleMusicPlayButtonRenderer.fromMap(Map<String, dynamic> json) => PurpleMusicPlayButtonRenderer(
+		playNavigationEndpoint: json["playNavigationEndpoint"] == null ? null : PurplePlayNavigationEndpoint.fromMap(json["playNavigationEndpoint"]),
+		trackingParams: json["trackingParams"],
+		playIcon: json["playIcon"] == null ? null : Icon.fromMap(json["playIcon"]),
+		pauseIcon: json["pauseIcon"] == null ? null : Icon.fromMap(json["pauseIcon"]),
+		iconColor: json["iconColor"],
+		backgroundColor: json["backgroundColor"],
+		activeBackgroundColor: json["activeBackgroundColor"],
+		loadingIndicatorColor: json["loadingIndicatorColor"],
+		playingIcon: json["playingIcon"] == null ? null : Icon.fromMap(json["playingIcon"]),
+		iconLoadingColor: json["iconLoadingColor"],
+		activeScaleFactor: json["activeScaleFactor"],
+		buttonSize: json["buttonSize"],
+		rippleTarget: json["rippleTarget"],
+		accessibilityPlayData: json["accessibilityPlayData"] == null ? null : Accessibility.fromMap(json["accessibilityPlayData"]),
+		accessibilityPauseData: json["accessibilityPauseData"] == null ? null : Accessibility.fromMap(json["accessibilityPauseData"]),
+	);
+
+	Map<String, dynamic> toMap() => {
+		"playNavigationEndpoint": playNavigationEndpoint?.toMap(),
+		"trackingParams": trackingParams,
+		"playIcon": playIcon?.toMap(),
+		"pauseIcon": pauseIcon?.toMap(),
+		"iconColor": iconColor,
+		"backgroundColor": backgroundColor,
+		"activeBackgroundColor": activeBackgroundColor,
+		"loadingIndicatorColor": loadingIndicatorColor,
+		"playingIcon": playingIcon?.toMap(),
+		"iconLoadingColor": iconLoadingColor,
+		"activeScaleFactor": activeScaleFactor,
+		"buttonSize": buttonSize,
+		"rippleTarget": rippleTarget,
+		"accessibilityPlayData": accessibilityPlayData?.toMap(),
+		"accessibilityPauseData": accessibilityPauseData?.toMap(),
+	};
+}
+
+class PurplePlayNavigationEndpoint {
+	String? clickTrackingParams;
+	NavigationEndpointWatchEndpoint? watchEndpoint;
+
+	PurplePlayNavigationEndpoint({
+		this.clickTrackingParams,
+		this.watchEndpoint,
+	});
+
+	factory PurplePlayNavigationEndpoint.fromJson(String str) => PurplePlayNavigationEndpoint.fromMap(json.decode(str));
+
+	String toJson() => json.encode(toMap());
+
+	factory PurplePlayNavigationEndpoint.fromMap(Map<String, dynamic> json) => PurplePlayNavigationEndpoint(
+		clickTrackingParams: json["clickTrackingParams"],
+		watchEndpoint: json["watchEndpoint"] == null ? null : NavigationEndpointWatchEndpoint.fromMap(json["watchEndpoint"]),
+	);
+
+	Map<String, dynamic> toMap() => {
+		"clickTrackingParams": clickTrackingParams,
+		"watchEndpoint": watchEndpoint?.toMap(),
+	};
+}
+
+class MusicTwoRowItemRenderer {
+	ThumbnailClass? thumbnailRenderer;
+	String? aspectRatio;
+	Title? title;
+	Subtitle? subtitle;
+	MusicTwoRowItemRendererNavigationEndpoint? navigationEndpoint;
+	String? trackingParams;
+	MusicTwoRowItemRendererMenu? menu;
+	ThumbnailOverlay? thumbnailOverlay;
+
+	MusicTwoRowItemRenderer({
+		this.thumbnailRenderer,
+		this.aspectRatio,
+		this.title,
+		this.subtitle,
+		this.navigationEndpoint,
+		this.trackingParams,
+		this.menu,
+		this.thumbnailOverlay,
+	});
+
+	factory MusicTwoRowItemRenderer.fromJson(String str) => MusicTwoRowItemRenderer.fromMap(json.decode(str));
+
+	String toJson() => json.encode(toMap());
+
+	factory MusicTwoRowItemRenderer.fromMap(Map<String, dynamic> json) => MusicTwoRowItemRenderer(
+		thumbnailRenderer: json["thumbnailRenderer"] == null ? null : ThumbnailClass.fromMap(json["thumbnailRenderer"]),
+		aspectRatio: json["aspectRatio"],
+		title: json["title"] == null ? null : Title.fromMap(json["title"]),
+		subtitle: json["subtitle"] == null ? null : Subtitle.fromMap(json["subtitle"]),
+		navigationEndpoint: json["navigationEndpoint"] == null ? null : MusicTwoRowItemRendererNavigationEndpoint.fromMap(json["navigationEndpoint"]),
+		trackingParams: json["trackingParams"],
+		menu: json["menu"] == null ? null : MusicTwoRowItemRendererMenu.fromMap(json["menu"]),
+		thumbnailOverlay: json["thumbnailOverlay"] == null ? null : ThumbnailOverlay.fromMap(json["thumbnailOverlay"]),
+	);
+
+	Map<String, dynamic> toMap() => {
+		"thumbnailRenderer": thumbnailRenderer?.toMap(),
+		"aspectRatio": aspectRatio,
+		"title": title?.toMap(),
+		"subtitle": subtitle?.toMap(),
+		"navigationEndpoint": navigationEndpoint?.toMap(),
+		"trackingParams": trackingParams,
+		"menu": menu?.toMap(),
+		"thumbnailOverlay": thumbnailOverlay?.toMap(),
+	};
+}
+
+class MusicTwoRowItemRendererMenu {
+	FluffyMenuRenderer? menuRenderer;
+
+	MusicTwoRowItemRendererMenu({
+		this.menuRenderer,
+	});
+
+	factory MusicTwoRowItemRendererMenu.fromJson(String str) => MusicTwoRowItemRendererMenu.fromMap(json.decode(str));
+
+	String toJson() => json.encode(toMap());
+
+	factory MusicTwoRowItemRendererMenu.fromMap(Map<String, dynamic> json) => MusicTwoRowItemRendererMenu(
+		menuRenderer: json["menuRenderer"] == null ? null : FluffyMenuRenderer.fromMap(json["menuRenderer"]),
+	);
+
+	Map<String, dynamic> toMap() => {
+		"menuRenderer": menuRenderer?.toMap(),
+	};
+}
+
+class FluffyMenuRenderer {
+	List<FluffyItem>? items;
+	String? trackingParams;
+	Accessibility? accessibility;
+
+	FluffyMenuRenderer({
+		this.items,
+		this.trackingParams,
+		this.accessibility,
+	});
+
+	factory FluffyMenuRenderer.fromJson(String str) => FluffyMenuRenderer.fromMap(json.decode(str));
+
+	String toJson() => json.encode(toMap());
+
+	factory FluffyMenuRenderer.fromMap(Map<String, dynamic> json) => FluffyMenuRenderer(
+		items: json["items"] == null ? [] : List<FluffyItem>.from(json["items"]!.map((x) => FluffyItem.fromMap(x))),
+		trackingParams: json["trackingParams"],
+		accessibility: json["accessibility"] == null ? null : Accessibility.fromMap(json["accessibility"]),
+	);
+
+	Map<String, dynamic> toMap() => {
+		"items": items == null ? [] : List<dynamic>.from(items!.map((x) => x.toMap())),
+		"trackingParams": trackingParams,
+		"accessibility": accessibility?.toMap(),
+	};
+}
+
+class FluffyItem {
+	MenuItemRenderer? menuNavigationItemRenderer;
+	MenuItemRenderer? menuServiceItemRenderer;
+	FluffyToggleMenuServiceItemRenderer? toggleMenuServiceItemRenderer;
+
+	FluffyItem({
+		this.menuNavigationItemRenderer,
+		this.menuServiceItemRenderer,
+		this.toggleMenuServiceItemRenderer,
+	});
+
+	factory FluffyItem.fromJson(String str) => FluffyItem.fromMap(json.decode(str));
+
+	String toJson() => json.encode(toMap());
+
+	factory FluffyItem.fromMap(Map<String, dynamic> json) => FluffyItem(
+		menuNavigationItemRenderer: json["menuNavigationItemRenderer"] == null ? null : MenuItemRenderer.fromMap(json["menuNavigationItemRenderer"]),
+		menuServiceItemRenderer: json["menuServiceItemRenderer"] == null ? null : MenuItemRenderer.fromMap(json["menuServiceItemRenderer"]),
+		toggleMenuServiceItemRenderer: json["toggleMenuServiceItemRenderer"] == null ? null : FluffyToggleMenuServiceItemRenderer.fromMap(json["toggleMenuServiceItemRenderer"]),
+	);
+
+	Map<String, dynamic> toMap() => {
+		"menuNavigationItemRenderer": menuNavigationItemRenderer?.toMap(),
+		"menuServiceItemRenderer": menuServiceItemRenderer?.toMap(),
+		"toggleMenuServiceItemRenderer": toggleMenuServiceItemRenderer?.toMap(),
+	};
+}
+
+class FluffyToggleMenuServiceItemRenderer {
+	PrimaryText? defaultText;
+	Icon? defaultIcon;
+	DefaultServiceEndpointClass? defaultServiceEndpoint;
+	PrimaryText? toggledText;
+	Icon? toggledIcon;
+	FluffyToggledServiceEndpoint? toggledServiceEndpoint;
+	String? trackingParams;
+
+	FluffyToggleMenuServiceItemRenderer({
+		this.defaultText,
+		this.defaultIcon,
+		this.defaultServiceEndpoint,
+		this.toggledText,
+		this.toggledIcon,
+		this.toggledServiceEndpoint,
+		this.trackingParams,
+	});
+
+	factory FluffyToggleMenuServiceItemRenderer.fromJson(String str) => FluffyToggleMenuServiceItemRenderer.fromMap(json.decode(str));
+
+	String toJson() => json.encode(toMap());
+
+	factory FluffyToggleMenuServiceItemRenderer.fromMap(Map<String, dynamic> json) => FluffyToggleMenuServiceItemRenderer(
+		defaultText: json["defaultText"] == null ? null : PrimaryText.fromMap(json["defaultText"]),
+		defaultIcon: json["defaultIcon"] == null ? null : Icon.fromMap(json["defaultIcon"]),
+		defaultServiceEndpoint: json["defaultServiceEndpoint"] == null ? null : DefaultServiceEndpointClass.fromMap(json["defaultServiceEndpoint"]),
+		toggledText: json["toggledText"] == null ? null : PrimaryText.fromMap(json["toggledText"]),
+		toggledIcon: json["toggledIcon"] == null ? null : Icon.fromMap(json["toggledIcon"]),
+		toggledServiceEndpoint: json["toggledServiceEndpoint"] == null ? null : FluffyToggledServiceEndpoint.fromMap(json["toggledServiceEndpoint"]),
+		trackingParams: json["trackingParams"],
+	);
+
+	Map<String, dynamic> toMap() => {
+		"defaultText": defaultText?.toMap(),
+		"defaultIcon": defaultIcon?.toMap(),
+		"defaultServiceEndpoint": defaultServiceEndpoint?.toMap(),
+		"toggledText": toggledText?.toMap(),
+		"toggledIcon": toggledIcon?.toMap(),
+		"toggledServiceEndpoint": toggledServiceEndpoint?.toMap(),
+		"trackingParams": trackingParams,
+	};
+}
+
+class FluffyToggledServiceEndpoint {
+	String? clickTrackingParams;
+	LikeEndpoint? likeEndpoint;
+
+	FluffyToggledServiceEndpoint({
+		this.clickTrackingParams,
+		this.likeEndpoint,
+	});
+
+	factory FluffyToggledServiceEndpoint.fromJson(String str) => FluffyToggledServiceEndpoint.fromMap(json.decode(str));
+
+	String toJson() => json.encode(toMap());
+
+	factory FluffyToggledServiceEndpoint.fromMap(Map<String, dynamic> json) => FluffyToggledServiceEndpoint(
+		clickTrackingParams: json["clickTrackingParams"],
+		likeEndpoint: json["likeEndpoint"] == null ? null : LikeEndpoint.fromMap(json["likeEndpoint"]),
+	);
+
+	Map<String, dynamic> toMap() => {
+		"clickTrackingParams": clickTrackingParams,
+		"likeEndpoint": likeEndpoint?.toMap(),
+	};
+}
+
+class LikeEndpoint {
+	String? status;
+	TargetClass? target;
+
+	LikeEndpoint({
+		this.status,
+		this.target,
+	});
+
+	factory LikeEndpoint.fromJson(String str) => LikeEndpoint.fromMap(json.decode(str));
+
+	String toJson() => json.encode(toMap());
+
+	factory LikeEndpoint.fromMap(Map<String, dynamic> json) => LikeEndpoint(
+		status: json["status"],
+		target: json["target"] == null ? null : TargetClass.fromMap(json["target"]),
+	);
+
+	Map<String, dynamic> toMap() => {
+		"status": status,
+		"target": target?.toMap(),
+	};
+}
+
+class TargetClass {
+	String? playlistId;
+
+	TargetClass({
+		this.playlistId,
+	});
+
+	factory TargetClass.fromJson(String str) => TargetClass.fromMap(json.decode(str));
+
+	String toJson() => json.encode(toMap());
+
+	factory TargetClass.fromMap(Map<String, dynamic> json) => TargetClass(
+		playlistId: json["playlistId"],
+	);
+
+	Map<String, dynamic> toMap() => {
+		"playlistId": playlistId,
+	};
+}
+
+class MusicTwoRowItemRendererNavigationEndpoint {
+	String? clickTrackingParams;
+	FluffyBrowseEndpoint? browseEndpoint;
+
+	MusicTwoRowItemRendererNavigationEndpoint({
+		this.clickTrackingParams,
+		this.browseEndpoint,
+	});
+
+	factory MusicTwoRowItemRendererNavigationEndpoint.fromJson(String str) => MusicTwoRowItemRendererNavigationEndpoint.fromMap(json.decode(str));
+
+	String toJson() => json.encode(toMap());
+
+	factory MusicTwoRowItemRendererNavigationEndpoint.fromMap(Map<String, dynamic> json) => MusicTwoRowItemRendererNavigationEndpoint(
+		clickTrackingParams: json["clickTrackingParams"],
+		browseEndpoint: json["browseEndpoint"] == null ? null : FluffyBrowseEndpoint.fromMap(json["browseEndpoint"]),
+	);
+
+	Map<String, dynamic> toMap() => {
+		"clickTrackingParams": clickTrackingParams,
+		"browseEndpoint": browseEndpoint?.toMap(),
+	};
+}
+
+class FluffyBrowseEndpoint {
+	String? browseId;
+	String? params;
+	BrowseEndpointContextSupportedConfigs? browseEndpointContextSupportedConfigs;
+
+	FluffyBrowseEndpoint({
+		this.browseId,
+		this.params,
+		this.browseEndpointContextSupportedConfigs,
+	});
+
+	factory FluffyBrowseEndpoint.fromJson(String str) => FluffyBrowseEndpoint.fromMap(json.decode(str));
+
+	String toJson() => json.encode(toMap());
+
+	factory FluffyBrowseEndpoint.fromMap(Map<String, dynamic> json) => FluffyBrowseEndpoint(
+		browseId: json["browseId"],
+		params: json["params"],
+		browseEndpointContextSupportedConfigs: json["browseEndpointContextSupportedConfigs"] == null ? null : BrowseEndpointContextSupportedConfigs.fromMap(json["browseEndpointContextSupportedConfigs"]),
+	);
+
+	Map<String, dynamic> toMap() => {
+		"browseId": browseId,
+		"params": params,
+		"browseEndpointContextSupportedConfigs": browseEndpointContextSupportedConfigs?.toMap(),
+	};
+}
+
+class Subtitle {
+	List<SubtitleRun>? runs;
+
+	Subtitle({
+		this.runs,
+	});
+
+	factory Subtitle.fromJson(String str) => Subtitle.fromMap(json.decode(str));
+
+	String toJson() => json.encode(toMap());
+
+	factory Subtitle.fromMap(Map<String, dynamic> json) => Subtitle(
+		runs: json["runs"] == null ? [] : List<SubtitleRun>.from(json["runs"]!.map((x) => SubtitleRun.fromMap(x))),
+	);
+
+	Map<String, dynamic> toMap() => {
+		"runs": runs == null ? [] : List<dynamic>.from(runs!.map((x) => x.toMap())),
+	};
+}
+
+class SubtitleRun {
+	String? text;
+	TentacledNavigationEndpoint? navigationEndpoint;
+
+	SubtitleRun({
+		this.text,
+		this.navigationEndpoint,
+	});
+
+	factory SubtitleRun.fromJson(String str) => SubtitleRun.fromMap(json.decode(str));
+
+	String toJson() => json.encode(toMap());
+
+	factory SubtitleRun.fromMap(Map<String, dynamic> json) => SubtitleRun(
+		text: json["text"],
+		navigationEndpoint: json["navigationEndpoint"] == null ? null : TentacledNavigationEndpoint.fromMap(json["navigationEndpoint"]),
+	);
+
+	Map<String, dynamic> toMap() => {
+		"text": text,
+		"navigationEndpoint": navigationEndpoint?.toMap(),
+	};
+}
+
+class TentacledNavigationEndpoint {
+	String? clickTrackingParams;
+	PurpleBrowseEndpoint? browseEndpoint;
+
+	TentacledNavigationEndpoint({
+		this.clickTrackingParams,
+		this.browseEndpoint,
+	});
+
+	factory TentacledNavigationEndpoint.fromJson(String str) => TentacledNavigationEndpoint.fromMap(json.decode(str));
+
+	String toJson() => json.encode(toMap());
+
+	factory TentacledNavigationEndpoint.fromMap(Map<String, dynamic> json) => TentacledNavigationEndpoint(
+		clickTrackingParams: json["clickTrackingParams"],
+		browseEndpoint: json["browseEndpoint"] == null ? null : PurpleBrowseEndpoint.fromMap(json["browseEndpoint"]),
+	);
+
+	Map<String, dynamic> toMap() => {
+		"clickTrackingParams": clickTrackingParams,
+		"browseEndpoint": browseEndpoint?.toMap(),
+	};
+}
+
+class ThumbnailOverlay {
+	ThumbnailOverlayMusicItemThumbnailOverlayRenderer? musicItemThumbnailOverlayRenderer;
+
+	ThumbnailOverlay({
+		this.musicItemThumbnailOverlayRenderer,
+	});
+
+	factory ThumbnailOverlay.fromJson(String str) => ThumbnailOverlay.fromMap(json.decode(str));
+
+	String toJson() => json.encode(toMap());
+
+	factory ThumbnailOverlay.fromMap(Map<String, dynamic> json) => ThumbnailOverlay(
+		musicItemThumbnailOverlayRenderer: json["musicItemThumbnailOverlayRenderer"] == null ? null : ThumbnailOverlayMusicItemThumbnailOverlayRenderer.fromMap(json["musicItemThumbnailOverlayRenderer"]),
+	);
+
+	Map<String, dynamic> toMap() => {
+		"musicItemThumbnailOverlayRenderer": musicItemThumbnailOverlayRenderer?.toMap(),
+	};
+}
+
+class ThumbnailOverlayMusicItemThumbnailOverlayRenderer {
+	MusicItemThumbnailOverlayRendererBackground? background;
+	FluffyContent? content;
+	String? contentPosition;
+	String? displayStyle;
+
+	ThumbnailOverlayMusicItemThumbnailOverlayRenderer({
+		this.background,
+		this.content,
+		this.contentPosition,
+		this.displayStyle,
+	});
+
+	factory ThumbnailOverlayMusicItemThumbnailOverlayRenderer.fromJson(String str) => ThumbnailOverlayMusicItemThumbnailOverlayRenderer.fromMap(json.decode(str));
+
+	String toJson() => json.encode(toMap());
+
+	factory ThumbnailOverlayMusicItemThumbnailOverlayRenderer.fromMap(Map<String, dynamic> json) => ThumbnailOverlayMusicItemThumbnailOverlayRenderer(
+		background: json["background"] == null ? null : MusicItemThumbnailOverlayRendererBackground.fromMap(json["background"]),
+		content: json["content"] == null ? null : FluffyContent.fromMap(json["content"]),
+		contentPosition: json["contentPosition"],
+		displayStyle: json["displayStyle"],
+	);
+
+	Map<String, dynamic> toMap() => {
+		"background": background?.toMap(),
+		"content": content?.toMap(),
+		"contentPosition": contentPosition,
+		"displayStyle": displayStyle,
+	};
+}
+
+class FluffyContent {
+	FluffyMusicPlayButtonRenderer? musicPlayButtonRenderer;
+
+	FluffyContent({
+		this.musicPlayButtonRenderer,
+	});
+
+	factory FluffyContent.fromJson(String str) => FluffyContent.fromMap(json.decode(str));
+
+	String toJson() => json.encode(toMap());
+
+	factory FluffyContent.fromMap(Map<String, dynamic> json) => FluffyContent(
+		musicPlayButtonRenderer: json["musicPlayButtonRenderer"] == null ? null : FluffyMusicPlayButtonRenderer.fromMap(json["musicPlayButtonRenderer"]),
+	);
+
+	Map<String, dynamic> toMap() => {
+		"musicPlayButtonRenderer": musicPlayButtonRenderer?.toMap(),
+	};
+}
+
+class FluffyMusicPlayButtonRenderer {
+	FluffyPlayNavigationEndpoint? playNavigationEndpoint;
+	String? trackingParams;
+	Icon? playIcon;
+	Icon? pauseIcon;
+	int? iconColor;
+	int? backgroundColor;
+	int? activeBackgroundColor;
+	int? loadingIndicatorColor;
+	Icon? playingIcon;
+	int? iconLoadingColor;
+	double? activeScaleFactor;
+	String? buttonSize;
+	String? rippleTarget;
+	Accessibility? accessibilityPlayData;
+	Accessibility? accessibilityPauseData;
+
+	FluffyMusicPlayButtonRenderer({
+		this.playNavigationEndpoint,
+		this.trackingParams,
+		this.playIcon,
+		this.pauseIcon,
+		this.iconColor,
+		this.backgroundColor,
+		this.activeBackgroundColor,
+		this.loadingIndicatorColor,
+		this.playingIcon,
+		this.iconLoadingColor,
+		this.activeScaleFactor,
+		this.buttonSize,
+		this.rippleTarget,
+		this.accessibilityPlayData,
+		this.accessibilityPauseData,
+	});
+
+	factory FluffyMusicPlayButtonRenderer.fromJson(String str) => FluffyMusicPlayButtonRenderer.fromMap(json.decode(str));
+
+	String toJson() => json.encode(toMap());
+
+	factory FluffyMusicPlayButtonRenderer.fromMap(Map<String, dynamic> json) => FluffyMusicPlayButtonRenderer(
+		playNavigationEndpoint: json["playNavigationEndpoint"] == null ? null : FluffyPlayNavigationEndpoint.fromMap(json["playNavigationEndpoint"]),
+		trackingParams: json["trackingParams"],
+		playIcon: json["playIcon"] == null ? null : Icon.fromMap(json["playIcon"]),
+		pauseIcon: json["pauseIcon"] == null ? null : Icon.fromMap(json["pauseIcon"]),
+		iconColor: json["iconColor"],
+		backgroundColor: json["backgroundColor"],
+		activeBackgroundColor: json["activeBackgroundColor"],
+		loadingIndicatorColor: json["loadingIndicatorColor"],
+		playingIcon: json["playingIcon"] == null ? null : Icon.fromMap(json["playingIcon"]),
+		iconLoadingColor: json["iconLoadingColor"],
+		activeScaleFactor: json["activeScaleFactor"]?.toDouble(),
+		buttonSize: json["buttonSize"],
+		rippleTarget: json["rippleTarget"],
+		accessibilityPlayData: json["accessibilityPlayData"] == null ? null : Accessibility.fromMap(json["accessibilityPlayData"]),
+		accessibilityPauseData: json["accessibilityPauseData"] == null ? null : Accessibility.fromMap(json["accessibilityPauseData"]),
+	);
+
+	Map<String, dynamic> toMap() => {
+		"playNavigationEndpoint": playNavigationEndpoint?.toMap(),
+		"trackingParams": trackingParams,
+		"playIcon": playIcon?.toMap(),
+		"pauseIcon": pauseIcon?.toMap(),
+		"iconColor": iconColor,
+		"backgroundColor": backgroundColor,
+		"activeBackgroundColor": activeBackgroundColor,
+		"loadingIndicatorColor": loadingIndicatorColor,
+		"playingIcon": playingIcon?.toMap(),
+		"iconLoadingColor": iconLoadingColor,
+		"activeScaleFactor": activeScaleFactor,
+		"buttonSize": buttonSize,
+		"rippleTarget": rippleTarget,
+		"accessibilityPlayData": accessibilityPlayData?.toMap(),
+		"accessibilityPauseData": accessibilityPauseData?.toMap(),
+	};
+}
+
+class FluffyPlayNavigationEndpoint {
+	String? clickTrackingParams;
+	TargetClass? watchPlaylistEndpoint;
+
+	FluffyPlayNavigationEndpoint({
+		this.clickTrackingParams,
+		this.watchPlaylistEndpoint,
+	});
+
+	factory FluffyPlayNavigationEndpoint.fromJson(String str) => FluffyPlayNavigationEndpoint.fromMap(json.decode(str));
+
+	String toJson() => json.encode(toMap());
+
+	factory FluffyPlayNavigationEndpoint.fromMap(Map<String, dynamic> json) => FluffyPlayNavigationEndpoint(
+		clickTrackingParams: json["clickTrackingParams"],
+		watchPlaylistEndpoint: json["watchPlaylistEndpoint"] == null ? null : TargetClass.fromMap(json["watchPlaylistEndpoint"]),
+	);
+
+	Map<String, dynamic> toMap() => {
+		"clickTrackingParams": clickTrackingParams,
+		"watchPlaylistEndpoint": watchPlaylistEndpoint?.toMap(),
+	};
+}
+
+class Title {
+	List<FluffyRun>? runs;
+
+	Title({
+		this.runs,
+	});
+
+	factory Title.fromJson(String str) => Title.fromMap(json.decode(str));
+
+	String toJson() => json.encode(toMap());
+
+	factory Title.fromMap(Map<String, dynamic> json) => Title(
+		runs: json["runs"] == null ? [] : List<FluffyRun>.from(json["runs"]!.map((x) => FluffyRun.fromMap(x))),
+	);
+
+	Map<String, dynamic> toMap() => {
+		"runs": runs == null ? [] : List<dynamic>.from(runs!.map((x) => x.toMap())),
+	};
+}
+
+class FluffyRun {
+	String? text;
+	MusicTwoRowItemRendererNavigationEndpoint? navigationEndpoint;
+
+	FluffyRun({
+		this.text,
+		this.navigationEndpoint,
+	});
+
+	factory FluffyRun.fromJson(String str) => FluffyRun.fromMap(json.decode(str));
+
+	String toJson() => json.encode(toMap());
+
+	factory FluffyRun.fromMap(Map<String, dynamic> json) => FluffyRun(
+		text: json["text"],
+		navigationEndpoint: json["navigationEndpoint"] == null ? null : MusicTwoRowItemRendererNavigationEndpoint.fromMap(json["navigationEndpoint"]),
+	);
+
+	Map<String, dynamic> toMap() => {
+		"text": text,
+		"navigationEndpoint": navigationEndpoint?.toMap(),
+	};
+}
+
+class MusicCarouselShelfRendererHeader {
+	MusicCarouselShelfBasicHeaderRenderer? musicCarouselShelfBasicHeaderRenderer;
+
+	MusicCarouselShelfRendererHeader({
+		this.musicCarouselShelfBasicHeaderRenderer,
+	});
+
+	factory MusicCarouselShelfRendererHeader.fromJson(String str) => MusicCarouselShelfRendererHeader.fromMap(json.decode(str));
+
+	String toJson() => json.encode(toMap());
+
+	factory MusicCarouselShelfRendererHeader.fromMap(Map<String, dynamic> json) => MusicCarouselShelfRendererHeader(
+		musicCarouselShelfBasicHeaderRenderer: json["musicCarouselShelfBasicHeaderRenderer"] == null ? null : MusicCarouselShelfBasicHeaderRenderer.fromMap(json["musicCarouselShelfBasicHeaderRenderer"]),
+	);
+
+	Map<String, dynamic> toMap() => {
+		"musicCarouselShelfBasicHeaderRenderer": musicCarouselShelfBasicHeaderRenderer?.toMap(),
+	};
+}
+
+class MusicCarouselShelfBasicHeaderRenderer {
+	PrimaryText? title;
+	PrimaryText? strapline;
+	Accessibility? accessibilityData;
+	String? headerStyle;
+	MoreContentButton? moreContentButton;
+	String? trackingParams;
+
+	MusicCarouselShelfBasicHeaderRenderer({
+		this.title,
+		this.strapline,
+		this.accessibilityData,
+		this.headerStyle,
+		this.moreContentButton,
+		this.trackingParams,
+	});
+
+	factory MusicCarouselShelfBasicHeaderRenderer.fromJson(String str) => MusicCarouselShelfBasicHeaderRenderer.fromMap(json.decode(str));
+
+	String toJson() => json.encode(toMap());
+
+	factory MusicCarouselShelfBasicHeaderRenderer.fromMap(Map<String, dynamic> json) => MusicCarouselShelfBasicHeaderRenderer(
+		title: json["title"] == null ? null : PrimaryText.fromMap(json["title"]),
+		strapline: json["strapline"] == null ? null : PrimaryText.fromMap(json["strapline"]),
+		accessibilityData: json["accessibilityData"] == null ? null : Accessibility.fromMap(json["accessibilityData"]),
+		headerStyle: json["headerStyle"],
+		moreContentButton: json["moreContentButton"] == null ? null : MoreContentButton.fromMap(json["moreContentButton"]),
+		trackingParams: json["trackingParams"],
+	);
+
+	Map<String, dynamic> toMap() => {
+		"title": title?.toMap(),
+		"strapline": strapline?.toMap(),
+		"accessibilityData": accessibilityData?.toMap(),
+		"headerStyle": headerStyle,
+		"moreContentButton": moreContentButton?.toMap(),
+		"trackingParams": trackingParams,
+	};
+}
+
+class MoreContentButton {
+	MoreContentButtonButtonRenderer? buttonRenderer;
+
+	MoreContentButton({
+		this.buttonRenderer,
+	});
+
+	factory MoreContentButton.fromJson(String str) => MoreContentButton.fromMap(json.decode(str));
+
+	String toJson() => json.encode(toMap());
+
+	factory MoreContentButton.fromMap(Map<String, dynamic> json) => MoreContentButton(
+		buttonRenderer: json["buttonRenderer"] == null ? null : MoreContentButtonButtonRenderer.fromMap(json["buttonRenderer"]),
+	);
+
+	Map<String, dynamic> toMap() => {
+		"buttonRenderer": buttonRenderer?.toMap(),
+	};
+}
+
+class MoreContentButtonButtonRenderer {
+	String? style;
+	PrimaryText? text;
+	StickyNavigationEndpoint? navigationEndpoint;
+	String? trackingParams;
+	Accessibility? accessibilityData;
+
+	MoreContentButtonButtonRenderer({
+		this.style,
+		this.text,
+		this.navigationEndpoint,
+		this.trackingParams,
+		this.accessibilityData,
+	});
+
+	factory MoreContentButtonButtonRenderer.fromJson(String str) => MoreContentButtonButtonRenderer.fromMap(json.decode(str));
+
+	String toJson() => json.encode(toMap());
+
+	factory MoreContentButtonButtonRenderer.fromMap(Map<String, dynamic> json) => MoreContentButtonButtonRenderer(
+		style: json["style"],
+		text: json["text"] == null ? null : PrimaryText.fromMap(json["text"]),
+		navigationEndpoint: json["navigationEndpoint"] == null ? null : StickyNavigationEndpoint.fromMap(json["navigationEndpoint"]),
+		trackingParams: json["trackingParams"],
+		accessibilityData: json["accessibilityData"] == null ? null : Accessibility.fromMap(json["accessibilityData"]),
+	);
+
+	Map<String, dynamic> toMap() => {
+		"style": style,
+		"text": text?.toMap(),
+		"navigationEndpoint": navigationEndpoint?.toMap(),
+		"trackingParams": trackingParams,
+		"accessibilityData": accessibilityData?.toMap(),
+	};
+}
+
+class StickyNavigationEndpoint {
+	String? clickTrackingParams;
+	WatchPlaylistEndpoint? watchPlaylistEndpoint;
+
+	StickyNavigationEndpoint({
+		this.clickTrackingParams,
+		this.watchPlaylistEndpoint,
+	});
+
+	factory StickyNavigationEndpoint.fromJson(String str) => StickyNavigationEndpoint.fromMap(json.decode(str));
+
+	String toJson() => json.encode(toMap());
+
+	factory StickyNavigationEndpoint.fromMap(Map<String, dynamic> json) => StickyNavigationEndpoint(
+		clickTrackingParams: json["clickTrackingParams"],
+		watchPlaylistEndpoint: json["watchPlaylistEndpoint"] == null ? null : WatchPlaylistEndpoint.fromMap(json["watchPlaylistEndpoint"]),
+	);
+
+	Map<String, dynamic> toMap() => {
+		"clickTrackingParams": clickTrackingParams,
+		"watchPlaylistEndpoint": watchPlaylistEndpoint?.toMap(),
+	};
+}
+
+class MusicTastebuilderShelfRenderer {
+	MusicTastebuilderShelfRendererThumbnail? thumbnail;
+	PrimaryText? primaryText;
+	PrimaryText? secondaryText;
+	ActionButton? actionButton;
+	bool? isVisible;
+	String? trackingParams;
+
+	MusicTastebuilderShelfRenderer({
+		this.thumbnail,
+		this.primaryText,
+		this.secondaryText,
+		this.actionButton,
+		this.isVisible,
+		this.trackingParams,
+	});
+
+	factory MusicTastebuilderShelfRenderer.fromJson(String str) => MusicTastebuilderShelfRenderer.fromMap(json.decode(str));
+
+	String toJson() => json.encode(toMap());
+
+	factory MusicTastebuilderShelfRenderer.fromMap(Map<String, dynamic> json) => MusicTastebuilderShelfRenderer(
+		thumbnail: json["thumbnail"] == null ? null : MusicTastebuilderShelfRendererThumbnail.fromMap(json["thumbnail"]),
+		primaryText: json["primaryText"] == null ? null : PrimaryText.fromMap(json["primaryText"]),
+		secondaryText: json["secondaryText"] == null ? null : PrimaryText.fromMap(json["secondaryText"]),
+		actionButton: json["actionButton"] == null ? null : ActionButton.fromMap(json["actionButton"]),
+		isVisible: json["isVisible"],
+		trackingParams: json["trackingParams"],
+	);
+
+	Map<String, dynamic> toMap() => {
+		"thumbnail": thumbnail?.toMap(),
+		"primaryText": primaryText?.toMap(),
+		"secondaryText": secondaryText?.toMap(),
+		"actionButton": actionButton?.toMap(),
+		"isVisible": isVisible,
+		"trackingParams": trackingParams,
+	};
+}
+
+class ActionButton {
+	ActionButtonButtonRenderer? buttonRenderer;
+
+	ActionButton({
+		this.buttonRenderer,
+	});
+
+	factory ActionButton.fromJson(String str) => ActionButton.fromMap(json.decode(str));
+
+	String toJson() => json.encode(toMap());
+
+	factory ActionButton.fromMap(Map<String, dynamic> json) => ActionButton(
+		buttonRenderer: json["buttonRenderer"] == null ? null : ActionButtonButtonRenderer.fromMap(json["buttonRenderer"]),
+	);
+
+	Map<String, dynamic> toMap() => {
+		"buttonRenderer": buttonRenderer?.toMap(),
+	};
+}
+
+class ActionButtonButtonRenderer {
+	String? style;
+	PrimaryText? text;
+	DefaultServiceEndpointClass? navigationEndpoint;
+	String? trackingParams;
+
+	ActionButtonButtonRenderer({
+		this.style,
+		this.text,
+		this.navigationEndpoint,
+		this.trackingParams,
+	});
+
+	factory ActionButtonButtonRenderer.fromJson(String str) => ActionButtonButtonRenderer.fromMap(json.decode(str));
+
+	String toJson() => json.encode(toMap());
+
+	factory ActionButtonButtonRenderer.fromMap(Map<String, dynamic> json) => ActionButtonButtonRenderer(
+		style: json["style"],
+		text: json["text"] == null ? null : PrimaryText.fromMap(json["text"]),
+		navigationEndpoint: json["navigationEndpoint"] == null ? null : DefaultServiceEndpointClass.fromMap(json["navigationEndpoint"]),
+		trackingParams: json["trackingParams"],
+	);
+
+	Map<String, dynamic> toMap() => {
+		"style": style,
+		"text": text?.toMap(),
+		"navigationEndpoint": navigationEndpoint?.toMap(),
+		"trackingParams": trackingParams,
+	};
+}
+
+class MusicTastebuilderShelfRendererThumbnail {
+	MusicTastebuilderShelfThumbnailRenderer? musicTastebuilderShelfThumbnailRenderer;
+
+	MusicTastebuilderShelfRendererThumbnail({
+		this.musicTastebuilderShelfThumbnailRenderer,
+	});
+
+	factory MusicTastebuilderShelfRendererThumbnail.fromJson(String str) => MusicTastebuilderShelfRendererThumbnail.fromMap(json.decode(str));
+
+	String toJson() => json.encode(toMap());
+
+	factory MusicTastebuilderShelfRendererThumbnail.fromMap(Map<String, dynamic> json) => MusicTastebuilderShelfRendererThumbnail(
+		musicTastebuilderShelfThumbnailRenderer: json["musicTastebuilderShelfThumbnailRenderer"] == null ? null : MusicTastebuilderShelfThumbnailRenderer.fromMap(json["musicTastebuilderShelfThumbnailRenderer"]),
+	);
+
+	Map<String, dynamic> toMap() => {
+		"musicTastebuilderShelfThumbnailRenderer": musicTastebuilderShelfThumbnailRenderer?.toMap(),
+	};
+}
+
+class MusicTastebuilderShelfThumbnailRenderer {
+	MusicThumbnailRendererThumbnail? thumbnail;
+
+	MusicTastebuilderShelfThumbnailRenderer({
+		this.thumbnail,
+	});
+
+	factory MusicTastebuilderShelfThumbnailRenderer.fromJson(String str) => MusicTastebuilderShelfThumbnailRenderer.fromMap(json.decode(str));
+
+	String toJson() => json.encode(toMap());
+
+	factory MusicTastebuilderShelfThumbnailRenderer.fromMap(Map<String, dynamic> json) => MusicTastebuilderShelfThumbnailRenderer(
+		thumbnail: json["thumbnail"] == null ? null : MusicThumbnailRendererThumbnail.fromMap(json["thumbnail"]),
+	);
+
+	Map<String, dynamic> toMap() => {
+		"thumbnail": thumbnail?.toMap(),
+	};
+}
+
+class Continuation {
+	NextContinuationData? nextContinuationData;
+
+	Continuation({
+		this.nextContinuationData,
+	});
+
+	factory Continuation.fromJson(String str) => Continuation.fromMap(json.decode(str));
+
+	String toJson() => json.encode(toMap());
+
+	factory Continuation.fromMap(Map<String, dynamic> json) => Continuation(
+		nextContinuationData: json["nextContinuationData"] == null ? null : NextContinuationData.fromMap(json["nextContinuationData"]),
+	);
+
+	Map<String, dynamic> toMap() => {
+		"nextContinuationData": nextContinuationData?.toMap(),
+	};
+}
+
+class NextContinuationData {
+	String? continuation;
+	String? clickTrackingParams;
+
+	NextContinuationData({
+		this.continuation,
+		this.clickTrackingParams,
+	});
+
+	factory NextContinuationData.fromJson(String str) => NextContinuationData.fromMap(json.decode(str));
+
+	String toJson() => json.encode(toMap());
+
+	factory NextContinuationData.fromMap(Map<String, dynamic> json) => NextContinuationData(
+		continuation: json["continuation"],
+		clickTrackingParams: json["clickTrackingParams"],
+	);
+
+	Map<String, dynamic> toMap() => {
+		"continuation": continuation,
+		"clickTrackingParams": clickTrackingParams,
+	};
+}
+
+class SectionListContinuationHeader {
+	ChipCloudRenderer? chipCloudRenderer;
+
+	SectionListContinuationHeader({
+		this.chipCloudRenderer,
+	});
+
+	factory SectionListContinuationHeader.fromJson(String str) => SectionListContinuationHeader.fromMap(json.decode(str));
+
+	String toJson() => json.encode(toMap());
+
+	factory SectionListContinuationHeader.fromMap(Map<String, dynamic> json) => SectionListContinuationHeader(
+		chipCloudRenderer: json["chipCloudRenderer"] == null ? null : ChipCloudRenderer.fromMap(json["chipCloudRenderer"]),
+	);
+
+	Map<String, dynamic> toMap() => {
+		"chipCloudRenderer": chipCloudRenderer?.toMap(),
+	};
+}
+
+class ChipCloudRenderer {
+	List<Chip>? chips;
+	String? trackingParams;
+	bool? horizontalScrollable;
+
+	ChipCloudRenderer({
+		this.chips,
+		this.trackingParams,
+		this.horizontalScrollable,
+	});
+
+	factory ChipCloudRenderer.fromJson(String str) => ChipCloudRenderer.fromMap(json.decode(str));
+
+	String toJson() => json.encode(toMap());
+
+	factory ChipCloudRenderer.fromMap(Map<String, dynamic> json) => ChipCloudRenderer(
+		chips: json["chips"] == null ? [] : List<Chip>.from(json["chips"]!.map((x) => Chip.fromMap(x))),
+		trackingParams: json["trackingParams"],
+		horizontalScrollable: json["horizontalScrollable"],
+	);
+
+	Map<String, dynamic> toMap() => {
+		"chips": chips == null ? [] : List<dynamic>.from(chips!.map((x) => x.toMap())),
+		"trackingParams": trackingParams,
+		"horizontalScrollable": horizontalScrollable,
+	};
+}
+
+class Chip {
+	ChipCloudChipRenderer? chipCloudChipRenderer;
+
+	Chip({
+		this.chipCloudChipRenderer,
+	});
+
+	factory Chip.fromJson(String str) => Chip.fromMap(json.decode(str));
+
+	String toJson() => json.encode(toMap());
+
+	factory Chip.fromMap(Map<String, dynamic> json) => Chip(
+		chipCloudChipRenderer: json["chipCloudChipRenderer"] == null ? null : ChipCloudChipRenderer.fromMap(json["chipCloudChipRenderer"]),
+	);
+
+	Map<String, dynamic> toMap() => {
+		"chipCloudChipRenderer": chipCloudChipRenderer?.toMap(),
+	};
+}
+
+class ChipCloudChipRenderer {
+	Style? style;
+	PrimaryText? text;
+	OnDeselectedCommandClass? navigationEndpoint;
+	String? trackingParams;
+	bool? isSelected;
+	OnDeselectedCommandClass? onDeselectedCommand;
+
+	ChipCloudChipRenderer({
+		this.style,
+		this.text,
+		this.navigationEndpoint,
+		this.trackingParams,
+		this.isSelected,
+		this.onDeselectedCommand,
+	});
+
+	factory ChipCloudChipRenderer.fromJson(String str) => ChipCloudChipRenderer.fromMap(json.decode(str));
+
+	String toJson() => json.encode(toMap());
+
+	factory ChipCloudChipRenderer.fromMap(Map<String, dynamic> json) => ChipCloudChipRenderer(
+		style: json["style"] == null ? null : Style.fromMap(json["style"]),
+		text: json["text"] == null ? null : PrimaryText.fromMap(json["text"]),
+		navigationEndpoint: json["navigationEndpoint"] == null ? null : OnDeselectedCommandClass.fromMap(json["navigationEndpoint"]),
+		trackingParams: json["trackingParams"],
+		isSelected: json["isSelected"],
+		onDeselectedCommand: json["onDeselectedCommand"] == null ? null : OnDeselectedCommandClass.fromMap(json["onDeselectedCommand"]),
+	);
+
+	Map<String, dynamic> toMap() => {
+		"style": style?.toMap(),
+		"text": text?.toMap(),
+		"navigationEndpoint": navigationEndpoint?.toMap(),
+		"trackingParams": trackingParams,
+		"isSelected": isSelected,
+		"onDeselectedCommand": onDeselectedCommand?.toMap(),
+	};
+}
+
+class OnDeselectedCommandClass {
+	String? clickTrackingParams;
+	OnDeselectedCommandBrowseEndpoint? browseEndpoint;
+
+	OnDeselectedCommandClass({
+		this.clickTrackingParams,
+		this.browseEndpoint,
+	});
+
+	factory OnDeselectedCommandClass.fromJson(String str) => OnDeselectedCommandClass.fromMap(json.decode(str));
+
+	String toJson() => json.encode(toMap());
+
+	factory OnDeselectedCommandClass.fromMap(Map<String, dynamic> json) => OnDeselectedCommandClass(
+		clickTrackingParams: json["clickTrackingParams"],
+		browseEndpoint: json["browseEndpoint"] == null ? null : OnDeselectedCommandBrowseEndpoint.fromMap(json["browseEndpoint"]),
+	);
+
+	Map<String, dynamic> toMap() => {
+		"clickTrackingParams": clickTrackingParams,
+		"browseEndpoint": browseEndpoint?.toMap(),
+	};
+}
+
+class OnDeselectedCommandBrowseEndpoint {
+	String? browseId;
+	String? params;
+
+	OnDeselectedCommandBrowseEndpoint({
+		this.browseId,
+		this.params,
+	});
+
+	factory OnDeselectedCommandBrowseEndpoint.fromJson(String str) => OnDeselectedCommandBrowseEndpoint.fromMap(json.decode(str));
+
+	String toJson() => json.encode(toMap());
+
+	factory OnDeselectedCommandBrowseEndpoint.fromMap(Map<String, dynamic> json) => OnDeselectedCommandBrowseEndpoint(
+		browseId: json["browseId"],
+		params: json["params"],
+	);
+
+	Map<String, dynamic> toMap() => {
+		"browseId": browseId,
+		"params": params,
+	};
+}
+
+class Style {
+	String? styleType;
+
+	Style({
+		this.styleType,
+	});
+
+	factory Style.fromJson(String str) => Style.fromMap(json.decode(str));
+
+	String toJson() => json.encode(toMap());
+
+	factory Style.fromMap(Map<String, dynamic> json) => Style(
+		styleType: json["styleType"],
+	);
+
+	Map<String, dynamic> toMap() => {
+		"styleType": styleType,
+	};
+}
+
+class Endpoint {
+	String? clickTrackingParams;
+	EndpointBrowseEndpoint? browseEndpoint;
+
+	Endpoint({
+		this.clickTrackingParams,
+		this.browseEndpoint,
+	});
+
+	factory Endpoint.fromJson(String str) => Endpoint.fromMap(json.decode(str));
+
+	String toJson() => json.encode(toMap());
+
+	factory Endpoint.fromMap(Map<String, dynamic> json) => Endpoint(
+		clickTrackingParams: json["clickTrackingParams"],
+		browseEndpoint: json["browseEndpoint"] == null ? null : EndpointBrowseEndpoint.fromMap(json["browseEndpoint"]),
+	);
+
+	Map<String, dynamic> toMap() => {
+		"clickTrackingParams": clickTrackingParams,
+		"browseEndpoint": browseEndpoint?.toMap(),
+	};
+}
+
+class EndpointBrowseEndpoint {
+	String? browseId;
+
+	EndpointBrowseEndpoint({
+		this.browseId,
+	});
+
+	factory EndpointBrowseEndpoint.fromJson(String str) => EndpointBrowseEndpoint.fromMap(json.decode(str));
+
+	String toJson() => json.encode(toMap());
+
+	factory EndpointBrowseEndpoint.fromMap(Map<String, dynamic> json) => EndpointBrowseEndpoint(
+		browseId: json["browseId"],
+	);
+
+	Map<String, dynamic> toMap() => {
+		"browseId": browseId,
+	};
+}
+
+class ContinuationContents {
+	SectionList? sectionListContinuation;
+
+	ContinuationContents({
+		this.sectionListContinuation,
+	});
+
+	factory ContinuationContents.fromJson(String str) => ContinuationContents.fromMap(json.decode(str));
+
+	String toJson() => json.encode(toMap());
+
+	factory ContinuationContents.fromMap(Map<String, dynamic> json) => ContinuationContents(
+		sectionListContinuation: json["sectionListContinuation"] == null ? null : SectionList.fromMap(json["sectionListContinuation"]),
+	);
+
+	Map<String, dynamic> toMap() => {
+		"sectionListContinuation": sectionListContinuation?.toMap(),
+	};
+}
+
+class ResponseContext {
+	String? visitorData;
+	List<ServiceTrackingParam>? serviceTrackingParams;
+	int? maxAgeSeconds;
+
+	ResponseContext({
+		this.visitorData,
+		this.serviceTrackingParams,
+		this.maxAgeSeconds,
+	});
+
+	factory ResponseContext.fromJson(String str) => ResponseContext.fromMap(json.decode(str));
+
+	String toJson() => json.encode(toMap());
+
+	factory ResponseContext.fromMap(Map<String, dynamic> json) => ResponseContext(
+		visitorData: json["visitorData"],
+		serviceTrackingParams: json["serviceTrackingParams"] == null ? [] : List<ServiceTrackingParam>.from(json["serviceTrackingParams"]!.map((x) => ServiceTrackingParam.fromMap(x))),
+		maxAgeSeconds: json["maxAgeSeconds"],
+	);
+
+	Map<String, dynamic> toMap() => {
+		"visitorData": visitorData,
+		"serviceTrackingParams": serviceTrackingParams == null ? [] : List<dynamic>.from(serviceTrackingParams!.map((x) => x.toMap())),
+		"maxAgeSeconds": maxAgeSeconds,
+	};
+}
+
+class ServiceTrackingParam {
+	String? service;
+	List<Param>? params;
+
+	ServiceTrackingParam({
+		this.service,
+		this.params,
+	});
+
+	factory ServiceTrackingParam.fromJson(String str) => ServiceTrackingParam.fromMap(json.decode(str));
+
+	String toJson() => json.encode(toMap());
+
+	factory ServiceTrackingParam.fromMap(Map<String, dynamic> json) => ServiceTrackingParam(
+		service: json["service"],
+		params: json["params"] == null ? [] : List<Param>.from(json["params"]!.map((x) => Param.fromMap(x))),
+	);
+
+	Map<String, dynamic> toMap() => {
+		"service": service,
+		"params": params == null ? [] : List<dynamic>.from(params!.map((x) => x.toMap())),
+	};
+}
+
+class Param {
+	String? key;
+	String? value;
+
+	Param({
+		this.key,
+		this.value,
+	});
+
+	factory Param.fromJson(String str) => Param.fromMap(json.decode(str));
+
+	String toJson() => json.encode(toMap());
+
+	factory Param.fromMap(Map<String, dynamic> json) => Param(
+		key: json["key"],
+		value: json["value"],
+	);
+
+	Map<String, dynamic> toMap() => {
+		"key": key,
+		"value": value,
+	};
+}
diff --git a/lib/data/sideb/models/home_model.dart b/lib/data/sideb/models/home_model.dart
new file mode 100644
index 0000000..da5cf3f
--- /dev/null
+++ b/lib/data/sideb/models/home_model.dart
@@ -0,0 +1,73 @@
+// Author: fengshengxiong
+// Date: 2024/6/20
+// Description: 首页实际展示数据模型
+
+import 'dart:convert';
+
+class HomeModel {
+  String? headerTitle;
+  List<Content>? contents;
+  String? browseType;
+
+  HomeModel({
+    this.headerTitle,
+    this.contents,
+    this.browseType,
+  });
+
+  factory HomeModel.fromJson(String str) => HomeModel.fromMap(json.decode(str));
+
+  String toJson() => json.encode(toMap());
+
+  factory HomeModel.fromMap(Map<String, dynamic> json) => HomeModel(
+    headerTitle: json["headerTitle"],
+    contents: json["contents"] == null ? [] : List<Content>.from(json["contents"]!.map((x) => Content.fromMap(x))),
+    browseType: json["browseType"]
+  );
+
+  Map<String, dynamic> toMap() => {
+    "headerTitle": headerTitle,
+    "contents": contents == null ? [] : List<dynamic>.from(contents!.map((x) => x.toMap())),
+    "browseType": browseType,
+  };
+}
+
+class Content {
+  String? title;
+  String? subTitle;
+  String? thumbnail;
+  String? videoId;
+  String? playlistId;
+  String? browseId;
+
+  Content({
+    this.title,
+    this.subTitle,
+    this.thumbnail,
+    this.videoId,
+    this.playlistId,
+    this.browseId,
+  });
+
+  factory Content.fromJson(String str) => Content.fromMap(json.decode(str));
+
+  String toJson() => json.encode(toMap());
+
+  factory Content.fromMap(Map<String, dynamic> json) => Content(
+    title: json["title"],
+    subTitle: json["subTitle"],
+    thumbnail: json["thumbnail"],
+    videoId: json["videoId"],
+    playlistId: json["playlistId"],
+    browseId: json["browseId"],
+  );
+
+  Map<String, dynamic> toMap() => {
+    "title": title,
+    "subTitle": subTitle,
+    "thumbnail": thumbnail,
+    "videoId": videoId,
+    "playlistId": playlistId,
+    "browseId": browseId,
+  };
+}
diff --git a/lib/data/sideb/models/isocode_model.dart b/lib/data/sideb/models/isocode_model.dart
new file mode 100644
index 0000000..4fcd251
--- /dev/null
+++ b/lib/data/sideb/models/isocode_model.dart
@@ -0,0 +1,29 @@
+// Author: fengshengxiong
+// Date: 2024/6/19
+// Description: ip、区域模型
+
+import 'dart:convert';
+
+class IosCodeModel {
+  String? isoCode;
+  String? ip;
+
+  IosCodeModel({
+    this.isoCode,
+    this.ip,
+  });
+
+  factory IosCodeModel.fromJson(String str) => IosCodeModel.fromMap(json.decode(str));
+
+  String toJson() => json.encode(toMap());
+
+  factory IosCodeModel.fromMap(Map<String, dynamic> json) => IosCodeModel(
+    isoCode: json["isoCode"],
+    ip: json["ip"],
+  );
+
+  Map<String, dynamic> toMap() => {
+    "isoCode": isoCode,
+    "ip": ip,
+  };
+}
diff --git a/lib/data/sideb/models/next_model.dart b/lib/data/sideb/models/next_model.dart
new file mode 100644
index 0000000..20e857f
--- /dev/null
+++ b/lib/data/sideb/models/next_model.dart
@@ -0,0 +1,2571 @@
+// Author: fengshengxiong
+// Date: 2024/6/23
+// Description: next模型
+
+import 'dart:convert';
+
+class NextModel {
+  ResponseContext? responseContext;
+  Contents? contents;
+  CurrentVideoEndpoint? currentVideoEndpoint;
+  String? trackingParams;
+  PlayerOverlays? playerOverlays;
+  VideoReporting? videoReporting;
+  String? queueContextParams;
+
+  NextModel({
+    this.responseContext,
+    this.contents,
+    this.currentVideoEndpoint,
+    this.trackingParams,
+    this.playerOverlays,
+    this.videoReporting,
+    this.queueContextParams,
+  });
+
+  factory NextModel.fromJson(String str) => NextModel.fromMap(json.decode(str));
+
+  String toJson() => json.encode(toMap());
+
+  factory NextModel.fromMap(Map<String, dynamic> json) => NextModel(
+    responseContext: json["responseContext"] == null ? null : ResponseContext.fromMap(json["responseContext"]),
+    contents: json["contents"] == null ? null : Contents.fromMap(json["contents"]),
+    currentVideoEndpoint: json["currentVideoEndpoint"] == null ? null : CurrentVideoEndpoint.fromMap(json["currentVideoEndpoint"]),
+    trackingParams: json["trackingParams"],
+    playerOverlays: json["playerOverlays"] == null ? null : PlayerOverlays.fromMap(json["playerOverlays"]),
+    videoReporting: json["videoReporting"] == null ? null : VideoReporting.fromMap(json["videoReporting"]),
+    queueContextParams: json["queueContextParams"],
+  );
+
+  Map<String, dynamic> toMap() => {
+    "responseContext": responseContext?.toMap(),
+    "contents": contents?.toMap(),
+    "currentVideoEndpoint": currentVideoEndpoint?.toMap(),
+    "trackingParams": trackingParams,
+    "playerOverlays": playerOverlays?.toMap(),
+    "videoReporting": videoReporting?.toMap(),
+    "queueContextParams": queueContextParams,
+  };
+}
+
+class Contents {
+  SingleColumnMusicWatchNextResultsRenderer? singleColumnMusicWatchNextResultsRenderer;
+
+  Contents({
+    this.singleColumnMusicWatchNextResultsRenderer,
+  });
+
+  factory Contents.fromJson(String str) => Contents.fromMap(json.decode(str));
+
+  String toJson() => json.encode(toMap());
+
+  factory Contents.fromMap(Map<String, dynamic> json) => Contents(
+    singleColumnMusicWatchNextResultsRenderer: json["singleColumnMusicWatchNextResultsRenderer"] == null ? null : SingleColumnMusicWatchNextResultsRenderer.fromMap(json["singleColumnMusicWatchNextResultsRenderer"]),
+  );
+
+  Map<String, dynamic> toMap() => {
+    "singleColumnMusicWatchNextResultsRenderer": singleColumnMusicWatchNextResultsRenderer?.toMap(),
+  };
+}
+
+class SingleColumnMusicWatchNextResultsRenderer {
+  TabbedRenderer? tabbedRenderer;
+
+  SingleColumnMusicWatchNextResultsRenderer({
+    this.tabbedRenderer,
+  });
+
+  factory SingleColumnMusicWatchNextResultsRenderer.fromJson(String str) => SingleColumnMusicWatchNextResultsRenderer.fromMap(json.decode(str));
+
+  String toJson() => json.encode(toMap());
+
+  factory SingleColumnMusicWatchNextResultsRenderer.fromMap(Map<String, dynamic> json) => SingleColumnMusicWatchNextResultsRenderer(
+    tabbedRenderer: json["tabbedRenderer"] == null ? null : TabbedRenderer.fromMap(json["tabbedRenderer"]),
+  );
+
+  Map<String, dynamic> toMap() => {
+    "tabbedRenderer": tabbedRenderer?.toMap(),
+  };
+}
+
+class TabbedRenderer {
+  WatchNextTabbedResultsRenderer? watchNextTabbedResultsRenderer;
+
+  TabbedRenderer({
+    this.watchNextTabbedResultsRenderer,
+  });
+
+  factory TabbedRenderer.fromJson(String str) => TabbedRenderer.fromMap(json.decode(str));
+
+  String toJson() => json.encode(toMap());
+
+  factory TabbedRenderer.fromMap(Map<String, dynamic> json) => TabbedRenderer(
+    watchNextTabbedResultsRenderer: json["watchNextTabbedResultsRenderer"] == null ? null : WatchNextTabbedResultsRenderer.fromMap(json["watchNextTabbedResultsRenderer"]),
+  );
+
+  Map<String, dynamic> toMap() => {
+    "watchNextTabbedResultsRenderer": watchNextTabbedResultsRenderer?.toMap(),
+  };
+}
+
+class WatchNextTabbedResultsRenderer {
+  List<Tab>? tabs;
+
+  WatchNextTabbedResultsRenderer({
+    this.tabs,
+  });
+
+  factory WatchNextTabbedResultsRenderer.fromJson(String str) => WatchNextTabbedResultsRenderer.fromMap(json.decode(str));
+
+  String toJson() => json.encode(toMap());
+
+  factory WatchNextTabbedResultsRenderer.fromMap(Map<String, dynamic> json) => WatchNextTabbedResultsRenderer(
+    tabs: json["tabs"] == null ? [] : List<Tab>.from(json["tabs"]!.map((x) => Tab.fromMap(x))),
+  );
+
+  Map<String, dynamic> toMap() => {
+    "tabs": tabs == null ? [] : List<dynamic>.from(tabs!.map((x) => x.toMap())),
+  };
+}
+
+class Tab {
+  TabRenderer? tabRenderer;
+
+  Tab({
+    this.tabRenderer,
+  });
+
+  factory Tab.fromJson(String str) => Tab.fromMap(json.decode(str));
+
+  String toJson() => json.encode(toMap());
+
+  factory Tab.fromMap(Map<String, dynamic> json) => Tab(
+    tabRenderer: json["tabRenderer"] == null ? null : TabRenderer.fromMap(json["tabRenderer"]),
+  );
+
+  Map<String, dynamic> toMap() => {
+    "tabRenderer": tabRenderer?.toMap(),
+  };
+}
+
+class TabRenderer {
+  String? title;
+  TabRendererContent? content;
+  String? trackingParams;
+  Endpoint? endpoint;
+
+  TabRenderer({
+    this.title,
+    this.content,
+    this.trackingParams,
+    this.endpoint,
+  });
+
+  factory TabRenderer.fromJson(String str) => TabRenderer.fromMap(json.decode(str));
+
+  String toJson() => json.encode(toMap());
+
+  factory TabRenderer.fromMap(Map<String, dynamic> json) => TabRenderer(
+    title: json["title"],
+    content: json["content"] == null ? null : TabRendererContent.fromMap(json["content"]),
+    trackingParams: json["trackingParams"],
+    endpoint: json["endpoint"] == null ? null : Endpoint.fromMap(json["endpoint"]),
+  );
+
+  Map<String, dynamic> toMap() => {
+    "title": title,
+    "content": content?.toMap(),
+    "trackingParams": trackingParams,
+    "endpoint": endpoint?.toMap(),
+  };
+}
+
+class TabRendererContent {
+  MusicQueueRenderer? musicQueueRenderer;
+
+  TabRendererContent({
+    this.musicQueueRenderer,
+  });
+
+  factory TabRendererContent.fromJson(String str) => TabRendererContent.fromMap(json.decode(str));
+
+  String toJson() => json.encode(toMap());
+
+  factory TabRendererContent.fromMap(Map<String, dynamic> json) => TabRendererContent(
+    musicQueueRenderer: json["musicQueueRenderer"] == null ? null : MusicQueueRenderer.fromMap(json["musicQueueRenderer"]),
+  );
+
+  Map<String, dynamic> toMap() => {
+    "musicQueueRenderer": musicQueueRenderer?.toMap(),
+  };
+}
+
+class MusicQueueRenderer {
+  MusicQueueRendererContent? content;
+  bool? hack;
+  Header? header;
+  SubHeaderChipCloud? subHeaderChipCloud;
+
+  MusicQueueRenderer({
+    this.content,
+    this.hack,
+    this.header,
+    this.subHeaderChipCloud,
+  });
+
+  factory MusicQueueRenderer.fromJson(String str) => MusicQueueRenderer.fromMap(json.decode(str));
+
+  String toJson() => json.encode(toMap());
+
+  factory MusicQueueRenderer.fromMap(Map<String, dynamic> json) => MusicQueueRenderer(
+    content: json["content"] == null ? null : MusicQueueRendererContent.fromMap(json["content"]),
+    hack: json["hack"],
+    header: json["header"] == null ? null : Header.fromMap(json["header"]),
+    subHeaderChipCloud: json["subHeaderChipCloud"] == null ? null : SubHeaderChipCloud.fromMap(json["subHeaderChipCloud"]),
+  );
+
+  Map<String, dynamic> toMap() => {
+    "content": content?.toMap(),
+    "hack": hack,
+    "header": header?.toMap(),
+    "subHeaderChipCloud": subHeaderChipCloud?.toMap(),
+  };
+}
+
+class MusicQueueRendererContent {
+  PlaylistPanelRenderer? playlistPanelRenderer;
+
+  MusicQueueRendererContent({
+    this.playlistPanelRenderer,
+  });
+
+  factory MusicQueueRendererContent.fromJson(String str) => MusicQueueRendererContent.fromMap(json.decode(str));
+
+  String toJson() => json.encode(toMap());
+
+  factory MusicQueueRendererContent.fromMap(Map<String, dynamic> json) => MusicQueueRendererContent(
+    playlistPanelRenderer: json["playlistPanelRenderer"] == null ? null : PlaylistPanelRenderer.fromMap(json["playlistPanelRenderer"]),
+  );
+
+  Map<String, dynamic> toMap() => {
+    "playlistPanelRenderer": playlistPanelRenderer?.toMap(),
+  };
+}
+
+class PlaylistPanelRenderer {
+  String? title;
+  List<ContentElement>? contents;
+  String? playlistId;
+  bool? isInfinite;
+  List<Continuation>? continuations;
+  Title? shortBylineText;
+  String? trackingParams;
+  Title? titleText;
+  PreviewDescription? previewDescription;
+  int? numItemsToShow;
+
+  PlaylistPanelRenderer({
+    this.title,
+    this.contents,
+    this.playlistId,
+    this.isInfinite,
+    this.continuations,
+    this.shortBylineText,
+    this.trackingParams,
+    this.titleText,
+    this.previewDescription,
+    this.numItemsToShow,
+  });
+
+  factory PlaylistPanelRenderer.fromJson(String str) => PlaylistPanelRenderer.fromMap(json.decode(str));
+
+  String toJson() => json.encode(toMap());
+
+  factory PlaylistPanelRenderer.fromMap(Map<String, dynamic> json) => PlaylistPanelRenderer(
+    title: json["title"],
+    contents: json["contents"] == null ? [] : List<ContentElement>.from(json["contents"]!.map((x) => ContentElement.fromMap(x))),
+    playlistId: json["playlistId"],
+    isInfinite: json["isInfinite"],
+    continuations: json["continuations"] == null ? [] : List<Continuation>.from(json["continuations"]!.map((x) => Continuation.fromMap(x))),
+    shortBylineText: json["shortBylineText"] == null ? null : Title.fromMap(json["shortBylineText"]),
+    trackingParams: json["trackingParams"],
+    titleText: json["titleText"] == null ? null : Title.fromMap(json["titleText"]),
+    previewDescription: json["previewDescription"] == null ? null : PreviewDescription.fromMap(json["previewDescription"]),
+    numItemsToShow: json["numItemsToShow"],
+  );
+
+  Map<String, dynamic> toMap() => {
+    "title": title,
+    "contents": contents == null ? [] : List<dynamic>.from(contents!.map((x) => x.toMap())),
+    "playlistId": playlistId,
+    "isInfinite": isInfinite,
+    "continuations": continuations == null ? [] : List<dynamic>.from(continuations!.map((x) => x.toMap())),
+    "shortBylineText": shortBylineText?.toMap(),
+    "trackingParams": trackingParams,
+    "titleText": titleText?.toMap(),
+    "previewDescription": previewDescription?.toMap(),
+    "numItemsToShow": numItemsToShow,
+  };
+}
+
+class ContentElement {
+  PlaylistPanelVideoRenderer? playlistPanelVideoRenderer;
+
+  ContentElement({
+    this.playlistPanelVideoRenderer,
+  });
+
+  factory ContentElement.fromJson(String str) => ContentElement.fromMap(json.decode(str));
+
+  String toJson() => json.encode(toMap());
+
+  factory ContentElement.fromMap(Map<String, dynamic> json) => ContentElement(
+    playlistPanelVideoRenderer: json["playlistPanelVideoRenderer"] == null ? null : PlaylistPanelVideoRenderer.fromMap(json["playlistPanelVideoRenderer"]),
+  );
+
+  Map<String, dynamic> toMap() => {
+    "playlistPanelVideoRenderer": playlistPanelVideoRenderer?.toMap(),
+  };
+}
+
+class PlaylistPanelVideoRenderer {
+  Title? title;
+  LongBylineText? longBylineText;
+  ThumbnailDetailsClass? thumbnail;
+  LengthText? lengthText;
+  bool? selected;
+  PlaylistPanelVideoRendererNavigationEndpoint? navigationEndpoint;
+  String? videoId;
+  Title? shortBylineText;
+  String? trackingParams;
+  Menu? menu;
+  String? playlistSetVideoId;
+  bool? canReorder;
+
+  PlaylistPanelVideoRenderer({
+    this.title,
+    this.longBylineText,
+    this.thumbnail,
+    this.lengthText,
+    this.selected,
+    this.navigationEndpoint,
+    this.videoId,
+    this.shortBylineText,
+    this.trackingParams,
+    this.menu,
+    this.playlistSetVideoId,
+    this.canReorder,
+  });
+
+  factory PlaylistPanelVideoRenderer.fromJson(String str) => PlaylistPanelVideoRenderer.fromMap(json.decode(str));
+
+  String toJson() => json.encode(toMap());
+
+  factory PlaylistPanelVideoRenderer.fromMap(Map<String, dynamic> json) => PlaylistPanelVideoRenderer(
+    title: json["title"] == null ? null : Title.fromMap(json["title"]),
+    longBylineText: json["longBylineText"] == null ? null : LongBylineText.fromMap(json["longBylineText"]),
+    thumbnail: json["thumbnail"] == null ? null : ThumbnailDetailsClass.fromMap(json["thumbnail"]),
+    lengthText: json["lengthText"] == null ? null : LengthText.fromMap(json["lengthText"]),
+    selected: json["selected"],
+    navigationEndpoint: json["navigationEndpoint"] == null ? null : PlaylistPanelVideoRendererNavigationEndpoint.fromMap(json["navigationEndpoint"]),
+    videoId: json["videoId"],
+    shortBylineText: json["shortBylineText"] == null ? null : Title.fromMap(json["shortBylineText"]),
+    trackingParams: json["trackingParams"],
+    menu: json["menu"] == null ? null : Menu.fromMap(json["menu"]),
+    playlistSetVideoId: json["playlistSetVideoId"],
+    canReorder: json["canReorder"],
+  );
+
+  Map<String, dynamic> toMap() => {
+    "title": title?.toMap(),
+    "longBylineText": longBylineText?.toMap(),
+    "thumbnail": thumbnail?.toMap(),
+    "lengthText": lengthText?.toMap(),
+    "selected": selected,
+    "navigationEndpoint": navigationEndpoint?.toMap(),
+    "videoId": videoId,
+    "shortBylineText": shortBylineText?.toMap(),
+    "trackingParams": trackingParams,
+    "menu": menu?.toMap(),
+    "playlistSetVideoId": playlistSetVideoId,
+    "canReorder": canReorder,
+  };
+}
+
+class LengthText {
+  List<LengthTextRun>? runs;
+  Accessibility? accessibility;
+
+  LengthText({
+    this.runs,
+    this.accessibility,
+  });
+
+  factory LengthText.fromJson(String str) => LengthText.fromMap(json.decode(str));
+
+  String toJson() => json.encode(toMap());
+
+  factory LengthText.fromMap(Map<String, dynamic> json) => LengthText(
+    runs: json["runs"] == null ? [] : List<LengthTextRun>.from(json["runs"]!.map((x) => LengthTextRun.fromMap(x))),
+    accessibility: json["accessibility"] == null ? null : Accessibility.fromMap(json["accessibility"]),
+  );
+
+  Map<String, dynamic> toMap() => {
+    "runs": runs == null ? [] : List<dynamic>.from(runs!.map((x) => x.toMap())),
+    "accessibility": accessibility?.toMap(),
+  };
+}
+
+class Accessibility {
+  AccessibilityData? accessibilityData;
+
+  Accessibility({
+    this.accessibilityData,
+  });
+
+  factory Accessibility.fromJson(String str) => Accessibility.fromMap(json.decode(str));
+
+  String toJson() => json.encode(toMap());
+
+  factory Accessibility.fromMap(Map<String, dynamic> json) => Accessibility(
+    accessibilityData: json["accessibilityData"] == null ? null : AccessibilityData.fromMap(json["accessibilityData"]),
+  );
+
+  Map<String, dynamic> toMap() => {
+    "accessibilityData": accessibilityData?.toMap(),
+  };
+}
+
+class AccessibilityData {
+  String? label;
+
+  AccessibilityData({
+    this.label,
+  });
+
+  factory AccessibilityData.fromJson(String str) => AccessibilityData.fromMap(json.decode(str));
+
+  String toJson() => json.encode(toMap());
+
+  factory AccessibilityData.fromMap(Map<String, dynamic> json) => AccessibilityData(
+    label: json["label"],
+  );
+
+  Map<String, dynamic> toMap() => {
+    "label": label,
+  };
+}
+
+class LengthTextRun {
+  String? text;
+
+  LengthTextRun({
+    this.text,
+  });
+
+  factory LengthTextRun.fromJson(String str) => LengthTextRun.fromMap(json.decode(str));
+
+  String toJson() => json.encode(toMap());
+
+  factory LengthTextRun.fromMap(Map<String, dynamic> json) => LengthTextRun(
+    text: json["text"],
+  );
+
+  Map<String, dynamic> toMap() => {
+    "text": text,
+  };
+}
+
+class LongBylineText {
+  List<LongBylineTextRun>? runs;
+
+  LongBylineText({
+    this.runs,
+  });
+
+  factory LongBylineText.fromJson(String str) => LongBylineText.fromMap(json.decode(str));
+
+  String toJson() => json.encode(toMap());
+
+  factory LongBylineText.fromMap(Map<String, dynamic> json) => LongBylineText(
+    runs: json["runs"] == null ? [] : List<LongBylineTextRun>.from(json["runs"]!.map((x) => LongBylineTextRun.fromMap(x))),
+  );
+
+  Map<String, dynamic> toMap() => {
+    "runs": runs == null ? [] : List<dynamic>.from(runs!.map((x) => x.toMap())),
+  };
+}
+
+class LongBylineTextRun {
+  String? text;
+  Endpoint? navigationEndpoint;
+
+  LongBylineTextRun({
+    this.text,
+    this.navigationEndpoint,
+  });
+
+  factory LongBylineTextRun.fromJson(String str) => LongBylineTextRun.fromMap(json.decode(str));
+
+  String toJson() => json.encode(toMap());
+
+  factory LongBylineTextRun.fromMap(Map<String, dynamic> json) => LongBylineTextRun(
+    text: json["text"],
+    navigationEndpoint: json["navigationEndpoint"] == null ? null : Endpoint.fromMap(json["navigationEndpoint"]),
+  );
+
+  Map<String, dynamic> toMap() => {
+    "text": text,
+    "navigationEndpoint": navigationEndpoint?.toMap(),
+  };
+}
+
+class Endpoint {
+  String? clickTrackingParams;
+  BrowseEndpoint? browseEndpoint;
+
+  Endpoint({
+    this.clickTrackingParams,
+    this.browseEndpoint,
+  });
+
+  factory Endpoint.fromJson(String str) => Endpoint.fromMap(json.decode(str));
+
+  String toJson() => json.encode(toMap());
+
+  factory Endpoint.fromMap(Map<String, dynamic> json) => Endpoint(
+    clickTrackingParams: json["clickTrackingParams"],
+    browseEndpoint: json["browseEndpoint"] == null ? null : BrowseEndpoint.fromMap(json["browseEndpoint"]),
+  );
+
+  Map<String, dynamic> toMap() => {
+    "clickTrackingParams": clickTrackingParams,
+    "browseEndpoint": browseEndpoint?.toMap(),
+  };
+}
+
+class BrowseEndpoint {
+  String? browseId;
+  BrowseEndpointContextSupportedConfigs? browseEndpointContextSupportedConfigs;
+
+  BrowseEndpoint({
+    this.browseId,
+    this.browseEndpointContextSupportedConfigs,
+  });
+
+  factory BrowseEndpoint.fromJson(String str) => BrowseEndpoint.fromMap(json.decode(str));
+
+  String toJson() => json.encode(toMap());
+
+  factory BrowseEndpoint.fromMap(Map<String, dynamic> json) => BrowseEndpoint(
+    browseId: json["browseId"],
+    browseEndpointContextSupportedConfigs: json["browseEndpointContextSupportedConfigs"] == null ? null : BrowseEndpointContextSupportedConfigs.fromMap(json["browseEndpointContextSupportedConfigs"]),
+  );
+
+  Map<String, dynamic> toMap() => {
+    "browseId": browseId,
+    "browseEndpointContextSupportedConfigs": browseEndpointContextSupportedConfigs?.toMap(),
+  };
+}
+
+class BrowseEndpointContextSupportedConfigs {
+  BrowseEndpointContextMusicConfig? browseEndpointContextMusicConfig;
+
+  BrowseEndpointContextSupportedConfigs({
+    this.browseEndpointContextMusicConfig,
+  });
+
+  factory BrowseEndpointContextSupportedConfigs.fromJson(String str) => BrowseEndpointContextSupportedConfigs.fromMap(json.decode(str));
+
+  String toJson() => json.encode(toMap());
+
+  factory BrowseEndpointContextSupportedConfigs.fromMap(Map<String, dynamic> json) => BrowseEndpointContextSupportedConfigs(
+    browseEndpointContextMusicConfig: json["browseEndpointContextMusicConfig"] == null ? null : BrowseEndpointContextMusicConfig.fromMap(json["browseEndpointContextMusicConfig"]),
+  );
+
+  Map<String, dynamic> toMap() => {
+    "browseEndpointContextMusicConfig": browseEndpointContextMusicConfig?.toMap(),
+  };
+}
+
+class BrowseEndpointContextMusicConfig {
+  String? pageType;
+
+  BrowseEndpointContextMusicConfig({
+    this.pageType,
+  });
+
+  factory BrowseEndpointContextMusicConfig.fromJson(String str) => BrowseEndpointContextMusicConfig.fromMap(json.decode(str));
+
+  String toJson() => json.encode(toMap());
+
+  factory BrowseEndpointContextMusicConfig.fromMap(Map<String, dynamic> json) => BrowseEndpointContextMusicConfig(
+    pageType: json["pageType"],
+  );
+
+  Map<String, dynamic> toMap() => {
+    "pageType": pageType,
+  };
+}
+
+class Menu {
+  MenuRenderer? menuRenderer;
+
+  Menu({
+    this.menuRenderer,
+  });
+
+  factory Menu.fromJson(String str) => Menu.fromMap(json.decode(str));
+
+  String toJson() => json.encode(toMap());
+
+  factory Menu.fromMap(Map<String, dynamic> json) => Menu(
+    menuRenderer: json["menuRenderer"] == null ? null : MenuRenderer.fromMap(json["menuRenderer"]),
+  );
+
+  Map<String, dynamic> toMap() => {
+    "menuRenderer": menuRenderer?.toMap(),
+  };
+}
+
+class MenuRenderer {
+  List<MenuRendererItem>? items;
+  String? trackingParams;
+  Accessibility? accessibility;
+
+  MenuRenderer({
+    this.items,
+    this.trackingParams,
+    this.accessibility,
+  });
+
+  factory MenuRenderer.fromJson(String str) => MenuRenderer.fromMap(json.decode(str));
+
+  String toJson() => json.encode(toMap());
+
+  factory MenuRenderer.fromMap(Map<String, dynamic> json) => MenuRenderer(
+    items: json["items"] == null ? [] : List<MenuRendererItem>.from(json["items"]!.map((x) => MenuRendererItem.fromMap(x))),
+    trackingParams: json["trackingParams"],
+    accessibility: json["accessibility"] == null ? null : Accessibility.fromMap(json["accessibility"]),
+  );
+
+  Map<String, dynamic> toMap() => {
+    "items": items == null ? [] : List<dynamic>.from(items!.map((x) => x.toMap())),
+    "trackingParams": trackingParams,
+    "accessibility": accessibility?.toMap(),
+  };
+}
+
+class MenuRendererItem {
+  MenuItemRenderer? menuNavigationItemRenderer;
+  MenuItemRenderer? menuServiceItemRenderer;
+  ToggleMenuServiceItemRenderer? toggleMenuServiceItemRenderer;
+
+  MenuRendererItem({
+    this.menuNavigationItemRenderer,
+    this.menuServiceItemRenderer,
+    this.toggleMenuServiceItemRenderer,
+  });
+
+  factory MenuRendererItem.fromJson(String str) => MenuRendererItem.fromMap(json.decode(str));
+
+  String toJson() => json.encode(toMap());
+
+  factory MenuRendererItem.fromMap(Map<String, dynamic> json) => MenuRendererItem(
+    menuNavigationItemRenderer: json["menuNavigationItemRenderer"] == null ? null : MenuItemRenderer.fromMap(json["menuNavigationItemRenderer"]),
+    menuServiceItemRenderer: json["menuServiceItemRenderer"] == null ? null : MenuItemRenderer.fromMap(json["menuServiceItemRenderer"]),
+    toggleMenuServiceItemRenderer: json["toggleMenuServiceItemRenderer"] == null ? null : ToggleMenuServiceItemRenderer.fromMap(json["toggleMenuServiceItemRenderer"]),
+  );
+
+  Map<String, dynamic> toMap() => {
+    "menuNavigationItemRenderer": menuNavigationItemRenderer?.toMap(),
+    "menuServiceItemRenderer": menuServiceItemRenderer?.toMap(),
+    "toggleMenuServiceItemRenderer": toggleMenuServiceItemRenderer?.toMap(),
+  };
+}
+
+class MenuItemRenderer {
+  Title? text;
+  Icon? icon;
+  MenuNavigationItemRendererNavigationEndpoint? navigationEndpoint;
+  String? trackingParams;
+  ServiceEndpoint? serviceEndpoint;
+
+  MenuItemRenderer({
+    this.text,
+    this.icon,
+    this.navigationEndpoint,
+    this.trackingParams,
+    this.serviceEndpoint,
+  });
+
+  factory MenuItemRenderer.fromJson(String str) => MenuItemRenderer.fromMap(json.decode(str));
+
+  String toJson() => json.encode(toMap());
+
+  factory MenuItemRenderer.fromMap(Map<String, dynamic> json) => MenuItemRenderer(
+    text: json["text"] == null ? null : Title.fromMap(json["text"]),
+    icon: json["icon"] == null ? null : Icon.fromMap(json["icon"]),
+    navigationEndpoint: json["navigationEndpoint"] == null ? null : MenuNavigationItemRendererNavigationEndpoint.fromMap(json["navigationEndpoint"]),
+    trackingParams: json["trackingParams"],
+    serviceEndpoint: json["serviceEndpoint"] == null ? null : ServiceEndpoint.fromMap(json["serviceEndpoint"]),
+  );
+
+  Map<String, dynamic> toMap() => {
+    "text": text?.toMap(),
+    "icon": icon?.toMap(),
+    "navigationEndpoint": navigationEndpoint?.toMap(),
+    "trackingParams": trackingParams,
+    "serviceEndpoint": serviceEndpoint?.toMap(),
+  };
+}
+
+class Icon {
+  String? iconType;
+
+  Icon({
+    this.iconType,
+  });
+
+  factory Icon.fromJson(String str) => Icon.fromMap(json.decode(str));
+
+  String toJson() => json.encode(toMap());
+
+  factory Icon.fromMap(Map<String, dynamic> json) => Icon(
+    iconType: json["iconType"],
+  );
+
+  Map<String, dynamic> toMap() => {
+    "iconType": iconType,
+  };
+}
+
+class MenuNavigationItemRendererNavigationEndpoint {
+  String? clickTrackingParams;
+  PurpleWatchEndpoint? watchEndpoint;
+  ModalEndpoint? modalEndpoint;
+  BrowseEndpoint? browseEndpoint;
+  ShareEntityEndpoint? shareEntityEndpoint;
+
+  MenuNavigationItemRendererNavigationEndpoint({
+    this.clickTrackingParams,
+    this.watchEndpoint,
+    this.modalEndpoint,
+    this.browseEndpoint,
+    this.shareEntityEndpoint,
+  });
+
+  factory MenuNavigationItemRendererNavigationEndpoint.fromJson(String str) => MenuNavigationItemRendererNavigationEndpoint.fromMap(json.decode(str));
+
+  String toJson() => json.encode(toMap());
+
+  factory MenuNavigationItemRendererNavigationEndpoint.fromMap(Map<String, dynamic> json) => MenuNavigationItemRendererNavigationEndpoint(
+    clickTrackingParams: json["clickTrackingParams"],
+    watchEndpoint: json["watchEndpoint"] == null ? null : PurpleWatchEndpoint.fromMap(json["watchEndpoint"]),
+    modalEndpoint: json["modalEndpoint"] == null ? null : ModalEndpoint.fromMap(json["modalEndpoint"]),
+    browseEndpoint: json["browseEndpoint"] == null ? null : BrowseEndpoint.fromMap(json["browseEndpoint"]),
+    shareEntityEndpoint: json["shareEntityEndpoint"] == null ? null : ShareEntityEndpoint.fromMap(json["shareEntityEndpoint"]),
+  );
+
+  Map<String, dynamic> toMap() => {
+    "clickTrackingParams": clickTrackingParams,
+    "watchEndpoint": watchEndpoint?.toMap(),
+    "modalEndpoint": modalEndpoint?.toMap(),
+    "browseEndpoint": browseEndpoint?.toMap(),
+    "shareEntityEndpoint": shareEntityEndpoint?.toMap(),
+  };
+}
+
+class ModalEndpoint {
+  Modal? modal;
+
+  ModalEndpoint({
+    this.modal,
+  });
+
+  factory ModalEndpoint.fromJson(String str) => ModalEndpoint.fromMap(json.decode(str));
+
+  String toJson() => json.encode(toMap());
+
+  factory ModalEndpoint.fromMap(Map<String, dynamic> json) => ModalEndpoint(
+    modal: json["modal"] == null ? null : Modal.fromMap(json["modal"]),
+  );
+
+  Map<String, dynamic> toMap() => {
+    "modal": modal?.toMap(),
+  };
+}
+
+class Modal {
+  ModalWithTitleAndButtonRenderer? modalWithTitleAndButtonRenderer;
+
+  Modal({
+    this.modalWithTitleAndButtonRenderer,
+  });
+
+  factory Modal.fromJson(String str) => Modal.fromMap(json.decode(str));
+
+  String toJson() => json.encode(toMap());
+
+  factory Modal.fromMap(Map<String, dynamic> json) => Modal(
+    modalWithTitleAndButtonRenderer: json["modalWithTitleAndButtonRenderer"] == null ? null : ModalWithTitleAndButtonRenderer.fromMap(json["modalWithTitleAndButtonRenderer"]),
+  );
+
+  Map<String, dynamic> toMap() => {
+    "modalWithTitleAndButtonRenderer": modalWithTitleAndButtonRenderer?.toMap(),
+  };
+}
+
+class ModalWithTitleAndButtonRenderer {
+  Title? title;
+  Title? content;
+  CancelButtonClass? button;
+
+  ModalWithTitleAndButtonRenderer({
+    this.title,
+    this.content,
+    this.button,
+  });
+
+  factory ModalWithTitleAndButtonRenderer.fromJson(String str) => ModalWithTitleAndButtonRenderer.fromMap(json.decode(str));
+
+  String toJson() => json.encode(toMap());
+
+  factory ModalWithTitleAndButtonRenderer.fromMap(Map<String, dynamic> json) => ModalWithTitleAndButtonRenderer(
+    title: json["title"] == null ? null : Title.fromMap(json["title"]),
+    content: json["content"] == null ? null : Title.fromMap(json["content"]),
+    button: json["button"] == null ? null : CancelButtonClass.fromMap(json["button"]),
+  );
+
+  Map<String, dynamic> toMap() => {
+    "title": title?.toMap(),
+    "content": content?.toMap(),
+    "button": button?.toMap(),
+  };
+}
+
+class CancelButtonClass {
+  ButtonRenderer? buttonRenderer;
+
+  CancelButtonClass({
+    this.buttonRenderer,
+  });
+
+  factory CancelButtonClass.fromJson(String str) => CancelButtonClass.fromMap(json.decode(str));
+
+  String toJson() => json.encode(toMap());
+
+  factory CancelButtonClass.fromMap(Map<String, dynamic> json) => CancelButtonClass(
+    buttonRenderer: json["buttonRenderer"] == null ? null : ButtonRenderer.fromMap(json["buttonRenderer"]),
+  );
+
+  Map<String, dynamic> toMap() => {
+    "buttonRenderer": buttonRenderer?.toMap(),
+  };
+}
+
+class ButtonRenderer {
+  String? style;
+  bool? isDisabled;
+  Title? text;
+  ButtonRendererNavigationEndpoint? navigationEndpoint;
+  String? trackingParams;
+
+  ButtonRenderer({
+    this.style,
+    this.isDisabled,
+    this.text,
+    this.navigationEndpoint,
+    this.trackingParams,
+  });
+
+  factory ButtonRenderer.fromJson(String str) => ButtonRenderer.fromMap(json.decode(str));
+
+  String toJson() => json.encode(toMap());
+
+  factory ButtonRenderer.fromMap(Map<String, dynamic> json) => ButtonRenderer(
+    style: json["style"],
+    isDisabled: json["isDisabled"],
+    text: json["text"] == null ? null : Title.fromMap(json["text"]),
+    navigationEndpoint: json["navigationEndpoint"] == null ? null : ButtonRendererNavigationEndpoint.fromMap(json["navigationEndpoint"]),
+    trackingParams: json["trackingParams"],
+  );
+
+  Map<String, dynamic> toMap() => {
+    "style": style,
+    "isDisabled": isDisabled,
+    "text": text?.toMap(),
+    "navigationEndpoint": navigationEndpoint?.toMap(),
+    "trackingParams": trackingParams,
+  };
+}
+
+class ButtonRendererNavigationEndpoint {
+  String? clickTrackingParams;
+  SignInEndpoint? signInEndpoint;
+
+  ButtonRendererNavigationEndpoint({
+    this.clickTrackingParams,
+    this.signInEndpoint,
+  });
+
+  factory ButtonRendererNavigationEndpoint.fromJson(String str) => ButtonRendererNavigationEndpoint.fromMap(json.decode(str));
+
+  String toJson() => json.encode(toMap());
+
+  factory ButtonRendererNavigationEndpoint.fromMap(Map<String, dynamic> json) => ButtonRendererNavigationEndpoint(
+    clickTrackingParams: json["clickTrackingParams"],
+    signInEndpoint: json["signInEndpoint"] == null ? null : SignInEndpoint.fromMap(json["signInEndpoint"]),
+  );
+
+  Map<String, dynamic> toMap() => {
+    "clickTrackingParams": clickTrackingParams,
+    "signInEndpoint": signInEndpoint?.toMap(),
+  };
+}
+
+class SignInEndpoint {
+  bool? hack;
+
+  SignInEndpoint({
+    this.hack,
+  });
+
+  factory SignInEndpoint.fromJson(String str) => SignInEndpoint.fromMap(json.decode(str));
+
+  String toJson() => json.encode(toMap());
+
+  factory SignInEndpoint.fromMap(Map<String, dynamic> json) => SignInEndpoint(
+    hack: json["hack"],
+  );
+
+  Map<String, dynamic> toMap() => {
+    "hack": hack,
+  };
+}
+
+class Title {
+  List<LengthTextRun>? runs;
+
+  Title({
+    this.runs,
+  });
+
+  factory Title.fromJson(String str) => Title.fromMap(json.decode(str));
+
+  String toJson() => json.encode(toMap());
+
+  factory Title.fromMap(Map<String, dynamic> json) => Title(
+    runs: json["runs"] == null ? [] : List<LengthTextRun>.from(json["runs"]!.map((x) => LengthTextRun.fromMap(x))),
+  );
+
+  Map<String, dynamic> toMap() => {
+    "runs": runs == null ? [] : List<dynamic>.from(runs!.map((x) => x.toMap())),
+  };
+}
+
+class ShareEntityEndpoint {
+  String? serializedShareEntity;
+  String? sharePanelType;
+
+  ShareEntityEndpoint({
+    this.serializedShareEntity,
+    this.sharePanelType,
+  });
+
+  factory ShareEntityEndpoint.fromJson(String str) => ShareEntityEndpoint.fromMap(json.decode(str));
+
+  String toJson() => json.encode(toMap());
+
+  factory ShareEntityEndpoint.fromMap(Map<String, dynamic> json) => ShareEntityEndpoint(
+    serializedShareEntity: json["serializedShareEntity"],
+    sharePanelType: json["sharePanelType"],
+  );
+
+  Map<String, dynamic> toMap() => {
+    "serializedShareEntity": serializedShareEntity,
+    "sharePanelType": sharePanelType,
+  };
+}
+
+class PurpleWatchEndpoint {
+  String? videoId;
+  String? playlistId;
+  String? params;
+  LoggingContext? loggingContext;
+  PurpleWatchEndpointMusicSupportedConfigs? watchEndpointMusicSupportedConfigs;
+
+  PurpleWatchEndpoint({
+    this.videoId,
+    this.playlistId,
+    this.params,
+    this.loggingContext,
+    this.watchEndpointMusicSupportedConfigs,
+  });
+
+  factory PurpleWatchEndpoint.fromJson(String str) => PurpleWatchEndpoint.fromMap(json.decode(str));
+
+  String toJson() => json.encode(toMap());
+
+  factory PurpleWatchEndpoint.fromMap(Map<String, dynamic> json) => PurpleWatchEndpoint(
+    videoId: json["videoId"],
+    playlistId: json["playlistId"],
+    params: json["params"],
+    loggingContext: json["loggingContext"] == null ? null : LoggingContext.fromMap(json["loggingContext"]),
+    watchEndpointMusicSupportedConfigs: json["watchEndpointMusicSupportedConfigs"] == null ? null : PurpleWatchEndpointMusicSupportedConfigs.fromMap(json["watchEndpointMusicSupportedConfigs"]),
+  );
+
+  Map<String, dynamic> toMap() => {
+    "videoId": videoId,
+    "playlistId": playlistId,
+    "params": params,
+    "loggingContext": loggingContext?.toMap(),
+    "watchEndpointMusicSupportedConfigs": watchEndpointMusicSupportedConfigs?.toMap(),
+  };
+}
+
+class LoggingContext {
+  VssLoggingContext? vssLoggingContext;
+
+  LoggingContext({
+    this.vssLoggingContext,
+  });
+
+  factory LoggingContext.fromJson(String str) => LoggingContext.fromMap(json.decode(str));
+
+  String toJson() => json.encode(toMap());
+
+  factory LoggingContext.fromMap(Map<String, dynamic> json) => LoggingContext(
+    vssLoggingContext: json["vssLoggingContext"] == null ? null : VssLoggingContext.fromMap(json["vssLoggingContext"]),
+  );
+
+  Map<String, dynamic> toMap() => {
+    "vssLoggingContext": vssLoggingContext?.toMap(),
+  };
+}
+
+class VssLoggingContext {
+  String? serializedContextData;
+
+  VssLoggingContext({
+    this.serializedContextData,
+  });
+
+  factory VssLoggingContext.fromJson(String str) => VssLoggingContext.fromMap(json.decode(str));
+
+  String toJson() => json.encode(toMap());
+
+  factory VssLoggingContext.fromMap(Map<String, dynamic> json) => VssLoggingContext(
+    serializedContextData: json["serializedContextData"],
+  );
+
+  Map<String, dynamic> toMap() => {
+    "serializedContextData": serializedContextData,
+  };
+}
+
+class PurpleWatchEndpointMusicSupportedConfigs {
+  PurpleWatchEndpointMusicConfig? watchEndpointMusicConfig;
+
+  PurpleWatchEndpointMusicSupportedConfigs({
+    this.watchEndpointMusicConfig,
+  });
+
+  factory PurpleWatchEndpointMusicSupportedConfigs.fromJson(String str) => PurpleWatchEndpointMusicSupportedConfigs.fromMap(json.decode(str));
+
+  String toJson() => json.encode(toMap());
+
+  factory PurpleWatchEndpointMusicSupportedConfigs.fromMap(Map<String, dynamic> json) => PurpleWatchEndpointMusicSupportedConfigs(
+    watchEndpointMusicConfig: json["watchEndpointMusicConfig"] == null ? null : PurpleWatchEndpointMusicConfig.fromMap(json["watchEndpointMusicConfig"]),
+  );
+
+  Map<String, dynamic> toMap() => {
+    "watchEndpointMusicConfig": watchEndpointMusicConfig?.toMap(),
+  };
+}
+
+class PurpleWatchEndpointMusicConfig {
+  String? musicVideoType;
+
+  PurpleWatchEndpointMusicConfig({
+    this.musicVideoType,
+  });
+
+  factory PurpleWatchEndpointMusicConfig.fromJson(String str) => PurpleWatchEndpointMusicConfig.fromMap(json.decode(str));
+
+  String toJson() => json.encode(toMap());
+
+  factory PurpleWatchEndpointMusicConfig.fromMap(Map<String, dynamic> json) => PurpleWatchEndpointMusicConfig(
+    musicVideoType: json["musicVideoType"],
+  );
+
+  Map<String, dynamic> toMap() => {
+    "musicVideoType": musicVideoType,
+  };
+}
+
+class ServiceEndpoint {
+  String? clickTrackingParams;
+  QueueAddEndpoint? queueAddEndpoint;
+  RemoveFromQueueEndpoint? removeFromQueueEndpoint;
+  ModalEndpoint? modalEndpoint;
+
+  ServiceEndpoint({
+    this.clickTrackingParams,
+    this.queueAddEndpoint,
+    this.removeFromQueueEndpoint,
+    this.modalEndpoint,
+  });
+
+  factory ServiceEndpoint.fromJson(String str) => ServiceEndpoint.fromMap(json.decode(str));
+
+  String toJson() => json.encode(toMap());
+
+  factory ServiceEndpoint.fromMap(Map<String, dynamic> json) => ServiceEndpoint(
+    clickTrackingParams: json["clickTrackingParams"],
+    queueAddEndpoint: json["queueAddEndpoint"] == null ? null : QueueAddEndpoint.fromMap(json["queueAddEndpoint"]),
+    removeFromQueueEndpoint: json["removeFromQueueEndpoint"] == null ? null : RemoveFromQueueEndpoint.fromMap(json["removeFromQueueEndpoint"]),
+    modalEndpoint: json["modalEndpoint"] == null ? null : ModalEndpoint.fromMap(json["modalEndpoint"]),
+  );
+
+  Map<String, dynamic> toMap() => {
+    "clickTrackingParams": clickTrackingParams,
+    "queueAddEndpoint": queueAddEndpoint?.toMap(),
+    "removeFromQueueEndpoint": removeFromQueueEndpoint?.toMap(),
+    "modalEndpoint": modalEndpoint?.toMap(),
+  };
+}
+
+class QueueAddEndpoint {
+  QueueTarget? queueTarget;
+  String? queueInsertPosition;
+  List<Command>? commands;
+
+  QueueAddEndpoint({
+    this.queueTarget,
+    this.queueInsertPosition,
+    this.commands,
+  });
+
+  factory QueueAddEndpoint.fromJson(String str) => QueueAddEndpoint.fromMap(json.decode(str));
+
+  String toJson() => json.encode(toMap());
+
+  factory QueueAddEndpoint.fromMap(Map<String, dynamic> json) => QueueAddEndpoint(
+    queueTarget: json["queueTarget"] == null ? null : QueueTarget.fromMap(json["queueTarget"]),
+    queueInsertPosition: json["queueInsertPosition"],
+    commands: json["commands"] == null ? [] : List<Command>.from(json["commands"]!.map((x) => Command.fromMap(x))),
+  );
+
+  Map<String, dynamic> toMap() => {
+    "queueTarget": queueTarget?.toMap(),
+    "queueInsertPosition": queueInsertPosition,
+    "commands": commands == null ? [] : List<dynamic>.from(commands!.map((x) => x.toMap())),
+  };
+}
+
+class Command {
+  String? clickTrackingParams;
+  AddToToastAction? addToToastAction;
+
+  Command({
+    this.clickTrackingParams,
+    this.addToToastAction,
+  });
+
+  factory Command.fromJson(String str) => Command.fromMap(json.decode(str));
+
+  String toJson() => json.encode(toMap());
+
+  factory Command.fromMap(Map<String, dynamic> json) => Command(
+    clickTrackingParams: json["clickTrackingParams"],
+    addToToastAction: json["addToToastAction"] == null ? null : AddToToastAction.fromMap(json["addToToastAction"]),
+  );
+
+  Map<String, dynamic> toMap() => {
+    "clickTrackingParams": clickTrackingParams,
+    "addToToastAction": addToToastAction?.toMap(),
+  };
+}
+
+class AddToToastAction {
+  AddToToastActionItem? item;
+
+  AddToToastAction({
+    this.item,
+  });
+
+  factory AddToToastAction.fromJson(String str) => AddToToastAction.fromMap(json.decode(str));
+
+  String toJson() => json.encode(toMap());
+
+  factory AddToToastAction.fromMap(Map<String, dynamic> json) => AddToToastAction(
+    item: json["item"] == null ? null : AddToToastActionItem.fromMap(json["item"]),
+  );
+
+  Map<String, dynamic> toMap() => {
+    "item": item?.toMap(),
+  };
+}
+
+class AddToToastActionItem {
+  NotificationTextRenderer? notificationTextRenderer;
+
+  AddToToastActionItem({
+    this.notificationTextRenderer,
+  });
+
+  factory AddToToastActionItem.fromJson(String str) => AddToToastActionItem.fromMap(json.decode(str));
+
+  String toJson() => json.encode(toMap());
+
+  factory AddToToastActionItem.fromMap(Map<String, dynamic> json) => AddToToastActionItem(
+    notificationTextRenderer: json["notificationTextRenderer"] == null ? null : NotificationTextRenderer.fromMap(json["notificationTextRenderer"]),
+  );
+
+  Map<String, dynamic> toMap() => {
+    "notificationTextRenderer": notificationTextRenderer?.toMap(),
+  };
+}
+
+class NotificationTextRenderer {
+  Title? successResponseText;
+  String? trackingParams;
+
+  NotificationTextRenderer({
+    this.successResponseText,
+    this.trackingParams,
+  });
+
+  factory NotificationTextRenderer.fromJson(String str) => NotificationTextRenderer.fromMap(json.decode(str));
+
+  String toJson() => json.encode(toMap());
+
+  factory NotificationTextRenderer.fromMap(Map<String, dynamic> json) => NotificationTextRenderer(
+    successResponseText: json["successResponseText"] == null ? null : Title.fromMap(json["successResponseText"]),
+    trackingParams: json["trackingParams"],
+  );
+
+  Map<String, dynamic> toMap() => {
+    "successResponseText": successResponseText?.toMap(),
+    "trackingParams": trackingParams,
+  };
+}
+
+class QueueTarget {
+  String? videoId;
+  OnEmptyQueue? onEmptyQueue;
+
+  QueueTarget({
+    this.videoId,
+    this.onEmptyQueue,
+  });
+
+  factory QueueTarget.fromJson(String str) => QueueTarget.fromMap(json.decode(str));
+
+  String toJson() => json.encode(toMap());
+
+  factory QueueTarget.fromMap(Map<String, dynamic> json) => QueueTarget(
+    videoId: json["videoId"],
+    onEmptyQueue: json["onEmptyQueue"] == null ? null : OnEmptyQueue.fromMap(json["onEmptyQueue"]),
+  );
+
+  Map<String, dynamic> toMap() => {
+    "videoId": videoId,
+    "onEmptyQueue": onEmptyQueue?.toMap(),
+  };
+}
+
+class OnEmptyQueue {
+  String? clickTrackingParams;
+  Target? watchEndpoint;
+
+  OnEmptyQueue({
+    this.clickTrackingParams,
+    this.watchEndpoint,
+  });
+
+  factory OnEmptyQueue.fromJson(String str) => OnEmptyQueue.fromMap(json.decode(str));
+
+  String toJson() => json.encode(toMap());
+
+  factory OnEmptyQueue.fromMap(Map<String, dynamic> json) => OnEmptyQueue(
+    clickTrackingParams: json["clickTrackingParams"],
+    watchEndpoint: json["watchEndpoint"] == null ? null : Target.fromMap(json["watchEndpoint"]),
+  );
+
+  Map<String, dynamic> toMap() => {
+    "clickTrackingParams": clickTrackingParams,
+    "watchEndpoint": watchEndpoint?.toMap(),
+  };
+}
+
+class Target {
+  String? videoId;
+
+  Target({
+    this.videoId,
+  });
+
+  factory Target.fromJson(String str) => Target.fromMap(json.decode(str));
+
+  String toJson() => json.encode(toMap());
+
+  factory Target.fromMap(Map<String, dynamic> json) => Target(
+    videoId: json["videoId"],
+  );
+
+  Map<String, dynamic> toMap() => {
+    "videoId": videoId,
+  };
+}
+
+class RemoveFromQueueEndpoint {
+  String? videoId;
+  List<Command>? commands;
+
+  RemoveFromQueueEndpoint({
+    this.videoId,
+    this.commands,
+  });
+
+  factory RemoveFromQueueEndpoint.fromJson(String str) => RemoveFromQueueEndpoint.fromMap(json.decode(str));
+
+  String toJson() => json.encode(toMap());
+
+  factory RemoveFromQueueEndpoint.fromMap(Map<String, dynamic> json) => RemoveFromQueueEndpoint(
+    videoId: json["videoId"],
+    commands: json["commands"] == null ? [] : List<Command>.from(json["commands"]!.map((x) => Command.fromMap(x))),
+  );
+
+  Map<String, dynamic> toMap() => {
+    "videoId": videoId,
+    "commands": commands == null ? [] : List<dynamic>.from(commands!.map((x) => x.toMap())),
+  };
+}
+
+class ToggleMenuServiceItemRenderer {
+  Title? defaultText;
+  Icon? defaultIcon;
+  DislikeNavigationEndpoint? defaultServiceEndpoint;
+  Title? toggledText;
+  Icon? toggledIcon;
+  String? trackingParams;
+
+  ToggleMenuServiceItemRenderer({
+    this.defaultText,
+    this.defaultIcon,
+    this.defaultServiceEndpoint,
+    this.toggledText,
+    this.toggledIcon,
+    this.trackingParams,
+  });
+
+  factory ToggleMenuServiceItemRenderer.fromJson(String str) => ToggleMenuServiceItemRenderer.fromMap(json.decode(str));
+
+  String toJson() => json.encode(toMap());
+
+  factory ToggleMenuServiceItemRenderer.fromMap(Map<String, dynamic> json) => ToggleMenuServiceItemRenderer(
+    defaultText: json["defaultText"] == null ? null : Title.fromMap(json["defaultText"]),
+    defaultIcon: json["defaultIcon"] == null ? null : Icon.fromMap(json["defaultIcon"]),
+    defaultServiceEndpoint: json["defaultServiceEndpoint"] == null ? null : DislikeNavigationEndpoint.fromMap(json["defaultServiceEndpoint"]),
+    toggledText: json["toggledText"] == null ? null : Title.fromMap(json["toggledText"]),
+    toggledIcon: json["toggledIcon"] == null ? null : Icon.fromMap(json["toggledIcon"]),
+    trackingParams: json["trackingParams"],
+  );
+
+  Map<String, dynamic> toMap() => {
+    "defaultText": defaultText?.toMap(),
+    "defaultIcon": defaultIcon?.toMap(),
+    "defaultServiceEndpoint": defaultServiceEndpoint?.toMap(),
+    "toggledText": toggledText?.toMap(),
+    "toggledIcon": toggledIcon?.toMap(),
+    "trackingParams": trackingParams,
+  };
+}
+
+class DislikeNavigationEndpoint {
+  String? clickTrackingParams;
+  ModalEndpoint? modalEndpoint;
+
+  DislikeNavigationEndpoint({
+    this.clickTrackingParams,
+    this.modalEndpoint,
+  });
+
+  factory DislikeNavigationEndpoint.fromJson(String str) => DislikeNavigationEndpoint.fromMap(json.decode(str));
+
+  String toJson() => json.encode(toMap());
+
+  factory DislikeNavigationEndpoint.fromMap(Map<String, dynamic> json) => DislikeNavigationEndpoint(
+    clickTrackingParams: json["clickTrackingParams"],
+    modalEndpoint: json["modalEndpoint"] == null ? null : ModalEndpoint.fromMap(json["modalEndpoint"]),
+  );
+
+  Map<String, dynamic> toMap() => {
+    "clickTrackingParams": clickTrackingParams,
+    "modalEndpoint": modalEndpoint?.toMap(),
+  };
+}
+
+class PlaylistPanelVideoRendererNavigationEndpoint {
+  String? clickTrackingParams;
+  FluffyWatchEndpoint? watchEndpoint;
+
+  PlaylistPanelVideoRendererNavigationEndpoint({
+    this.clickTrackingParams,
+    this.watchEndpoint,
+  });
+
+  factory PlaylistPanelVideoRendererNavigationEndpoint.fromJson(String str) => PlaylistPanelVideoRendererNavigationEndpoint.fromMap(json.decode(str));
+
+  String toJson() => json.encode(toMap());
+
+  factory PlaylistPanelVideoRendererNavigationEndpoint.fromMap(Map<String, dynamic> json) => PlaylistPanelVideoRendererNavigationEndpoint(
+    clickTrackingParams: json["clickTrackingParams"],
+    watchEndpoint: json["watchEndpoint"] == null ? null : FluffyWatchEndpoint.fromMap(json["watchEndpoint"]),
+  );
+
+  Map<String, dynamic> toMap() => {
+    "clickTrackingParams": clickTrackingParams,
+    "watchEndpoint": watchEndpoint?.toMap(),
+  };
+}
+
+class FluffyWatchEndpoint {
+  String? videoId;
+  String? playlistId;
+  int? index;
+  String? params;
+  String? playerParams;
+  String? playlistSetVideoId;
+  LoggingContext? loggingContext;
+  FluffyWatchEndpointMusicSupportedConfigs? watchEndpointMusicSupportedConfigs;
+
+  FluffyWatchEndpoint({
+    this.videoId,
+    this.playlistId,
+    this.index,
+    this.params,
+    this.playerParams,
+    this.playlistSetVideoId,
+    this.loggingContext,
+    this.watchEndpointMusicSupportedConfigs,
+  });
+
+  factory FluffyWatchEndpoint.fromJson(String str) => FluffyWatchEndpoint.fromMap(json.decode(str));
+
+  String toJson() => json.encode(toMap());
+
+  factory FluffyWatchEndpoint.fromMap(Map<String, dynamic> json) => FluffyWatchEndpoint(
+    videoId: json["videoId"],
+    playlistId: json["playlistId"],
+    index: json["index"],
+    params: json["params"],
+    playerParams: json["playerParams"],
+    playlistSetVideoId: json["playlistSetVideoId"],
+    loggingContext: json["loggingContext"] == null ? null : LoggingContext.fromMap(json["loggingContext"]),
+    watchEndpointMusicSupportedConfigs: json["watchEndpointMusicSupportedConfigs"] == null ? null : FluffyWatchEndpointMusicSupportedConfigs.fromMap(json["watchEndpointMusicSupportedConfigs"]),
+  );
+
+  Map<String, dynamic> toMap() => {
+    "videoId": videoId,
+    "playlistId": playlistId,
+    "index": index,
+    "params": params,
+    "playerParams": playerParams,
+    "playlistSetVideoId": playlistSetVideoId,
+    "loggingContext": loggingContext?.toMap(),
+    "watchEndpointMusicSupportedConfigs": watchEndpointMusicSupportedConfigs?.toMap(),
+  };
+}
+
+class FluffyWatchEndpointMusicSupportedConfigs {
+  FluffyWatchEndpointMusicConfig? watchEndpointMusicConfig;
+
+  FluffyWatchEndpointMusicSupportedConfigs({
+    this.watchEndpointMusicConfig,
+  });
+
+  factory FluffyWatchEndpointMusicSupportedConfigs.fromJson(String str) => FluffyWatchEndpointMusicSupportedConfigs.fromMap(json.decode(str));
+
+  String toJson() => json.encode(toMap());
+
+  factory FluffyWatchEndpointMusicSupportedConfigs.fromMap(Map<String, dynamic> json) => FluffyWatchEndpointMusicSupportedConfigs(
+    watchEndpointMusicConfig: json["watchEndpointMusicConfig"] == null ? null : FluffyWatchEndpointMusicConfig.fromMap(json["watchEndpointMusicConfig"]),
+  );
+
+  Map<String, dynamic> toMap() => {
+    "watchEndpointMusicConfig": watchEndpointMusicConfig?.toMap(),
+  };
+}
+
+class FluffyWatchEndpointMusicConfig {
+  bool? hasPersistentPlaylistPanel;
+  String? musicVideoType;
+
+  FluffyWatchEndpointMusicConfig({
+    this.hasPersistentPlaylistPanel,
+    this.musicVideoType,
+  });
+
+  factory FluffyWatchEndpointMusicConfig.fromJson(String str) => FluffyWatchEndpointMusicConfig.fromMap(json.decode(str));
+
+  String toJson() => json.encode(toMap());
+
+  factory FluffyWatchEndpointMusicConfig.fromMap(Map<String, dynamic> json) => FluffyWatchEndpointMusicConfig(
+    hasPersistentPlaylistPanel: json["hasPersistentPlaylistPanel"],
+    musicVideoType: json["musicVideoType"],
+  );
+
+  Map<String, dynamic> toMap() => {
+    "hasPersistentPlaylistPanel": hasPersistentPlaylistPanel,
+    "musicVideoType": musicVideoType,
+  };
+}
+
+class ThumbnailDetailsClass {
+  List<ThumbnailElement>? thumbnails;
+
+  ThumbnailDetailsClass({
+    this.thumbnails,
+  });
+
+  factory ThumbnailDetailsClass.fromJson(String str) => ThumbnailDetailsClass.fromMap(json.decode(str));
+
+  String toJson() => json.encode(toMap());
+
+  factory ThumbnailDetailsClass.fromMap(Map<String, dynamic> json) => ThumbnailDetailsClass(
+    thumbnails: json["thumbnails"] == null ? [] : List<ThumbnailElement>.from(json["thumbnails"]!.map((x) => ThumbnailElement.fromMap(x))),
+  );
+
+  Map<String, dynamic> toMap() => {
+    "thumbnails": thumbnails == null ? [] : List<dynamic>.from(thumbnails!.map((x) => x.toMap())),
+  };
+}
+
+class ThumbnailElement {
+  String? url;
+  int? width;
+  int? height;
+
+  ThumbnailElement({
+    this.url,
+    this.width,
+    this.height,
+  });
+
+  factory ThumbnailElement.fromJson(String str) => ThumbnailElement.fromMap(json.decode(str));
+
+  String toJson() => json.encode(toMap());
+
+  factory ThumbnailElement.fromMap(Map<String, dynamic> json) => ThumbnailElement(
+    url: json["url"],
+    width: json["width"],
+    height: json["height"],
+  );
+
+  Map<String, dynamic> toMap() => {
+    "url": url,
+    "width": width,
+    "height": height,
+  };
+}
+
+class Continuation {
+  NextRadioContinuationData? nextRadioContinuationData;
+
+  Continuation({
+    this.nextRadioContinuationData,
+  });
+
+  factory Continuation.fromJson(String str) => Continuation.fromMap(json.decode(str));
+
+  String toJson() => json.encode(toMap());
+
+  factory Continuation.fromMap(Map<String, dynamic> json) => Continuation(
+    nextRadioContinuationData: json["nextRadioContinuationData"] == null ? null : NextRadioContinuationData.fromMap(json["nextRadioContinuationData"]),
+  );
+
+  Map<String, dynamic> toMap() => {
+    "nextRadioContinuationData": nextRadioContinuationData?.toMap(),
+  };
+}
+
+class NextRadioContinuationData {
+  String? continuation;
+  String? clickTrackingParams;
+
+  NextRadioContinuationData({
+    this.continuation,
+    this.clickTrackingParams,
+  });
+
+  factory NextRadioContinuationData.fromJson(String str) => NextRadioContinuationData.fromMap(json.decode(str));
+
+  String toJson() => json.encode(toMap());
+
+  factory NextRadioContinuationData.fromMap(Map<String, dynamic> json) => NextRadioContinuationData(
+    continuation: json["continuation"],
+    clickTrackingParams: json["clickTrackingParams"],
+  );
+
+  Map<String, dynamic> toMap() => {
+    "continuation": continuation,
+    "clickTrackingParams": clickTrackingParams,
+  };
+}
+
+class PreviewDescription {
+  PreviewDescription();
+
+  factory PreviewDescription.fromJson(String str) => PreviewDescription.fromMap(json.decode(str));
+
+  String toJson() => json.encode(toMap());
+
+  factory PreviewDescription.fromMap(Map<String, dynamic> json) => PreviewDescription(
+  );
+
+  Map<String, dynamic> toMap() => {
+  };
+}
+
+class Header {
+  MusicQueueHeaderRenderer? musicQueueHeaderRenderer;
+
+  Header({
+    this.musicQueueHeaderRenderer,
+  });
+
+  factory Header.fromJson(String str) => Header.fromMap(json.decode(str));
+
+  String toJson() => json.encode(toMap());
+
+  factory Header.fromMap(Map<String, dynamic> json) => Header(
+    musicQueueHeaderRenderer: json["musicQueueHeaderRenderer"] == null ? null : MusicQueueHeaderRenderer.fromMap(json["musicQueueHeaderRenderer"]),
+  );
+
+  Map<String, dynamic> toMap() => {
+    "musicQueueHeaderRenderer": musicQueueHeaderRenderer?.toMap(),
+  };
+}
+
+class MusicQueueHeaderRenderer {
+  Title? title;
+  Title? subtitle;
+  List<ButtonElement>? buttons;
+  String? trackingParams;
+
+  MusicQueueHeaderRenderer({
+    this.title,
+    this.subtitle,
+    this.buttons,
+    this.trackingParams,
+  });
+
+  factory MusicQueueHeaderRenderer.fromJson(String str) => MusicQueueHeaderRenderer.fromMap(json.decode(str));
+
+  String toJson() => json.encode(toMap());
+
+  factory MusicQueueHeaderRenderer.fromMap(Map<String, dynamic> json) => MusicQueueHeaderRenderer(
+    title: json["title"] == null ? null : Title.fromMap(json["title"]),
+    subtitle: json["subtitle"] == null ? null : Title.fromMap(json["subtitle"]),
+    buttons: json["buttons"] == null ? [] : List<ButtonElement>.from(json["buttons"]!.map((x) => ButtonElement.fromMap(x))),
+    trackingParams: json["trackingParams"],
+  );
+
+  Map<String, dynamic> toMap() => {
+    "title": title?.toMap(),
+    "subtitle": subtitle?.toMap(),
+    "buttons": buttons == null ? [] : List<dynamic>.from(buttons!.map((x) => x.toMap())),
+    "trackingParams": trackingParams,
+  };
+}
+
+class ButtonElement {
+  ButtonChipCloudChipRenderer? chipCloudChipRenderer;
+
+  ButtonElement({
+    this.chipCloudChipRenderer,
+  });
+
+  factory ButtonElement.fromJson(String str) => ButtonElement.fromMap(json.decode(str));
+
+  String toJson() => json.encode(toMap());
+
+  factory ButtonElement.fromMap(Map<String, dynamic> json) => ButtonElement(
+    chipCloudChipRenderer: json["chipCloudChipRenderer"] == null ? null : ButtonChipCloudChipRenderer.fromMap(json["chipCloudChipRenderer"]),
+  );
+
+  Map<String, dynamic> toMap() => {
+    "chipCloudChipRenderer": chipCloudChipRenderer?.toMap(),
+  };
+}
+
+class ButtonChipCloudChipRenderer {
+  Style? style;
+  Title? text;
+  PurpleNavigationEndpoint? navigationEndpoint;
+  String? trackingParams;
+  Icon? icon;
+  Accessibility? accessibilityData;
+  bool? isSelected;
+  String? uniqueId;
+
+  ButtonChipCloudChipRenderer({
+    this.style,
+    this.text,
+    this.navigationEndpoint,
+    this.trackingParams,
+    this.icon,
+    this.accessibilityData,
+    this.isSelected,
+    this.uniqueId,
+  });
+
+  factory ButtonChipCloudChipRenderer.fromJson(String str) => ButtonChipCloudChipRenderer.fromMap(json.decode(str));
+
+  String toJson() => json.encode(toMap());
+
+  factory ButtonChipCloudChipRenderer.fromMap(Map<String, dynamic> json) => ButtonChipCloudChipRenderer(
+    style: json["style"] == null ? null : Style.fromMap(json["style"]),
+    text: json["text"] == null ? null : Title.fromMap(json["text"]),
+    navigationEndpoint: json["navigationEndpoint"] == null ? null : PurpleNavigationEndpoint.fromMap(json["navigationEndpoint"]),
+    trackingParams: json["trackingParams"],
+    icon: json["icon"] == null ? null : Icon.fromMap(json["icon"]),
+    accessibilityData: json["accessibilityData"] == null ? null : Accessibility.fromMap(json["accessibilityData"]),
+    isSelected: json["isSelected"],
+    uniqueId: json["uniqueId"],
+  );
+
+  Map<String, dynamic> toMap() => {
+    "style": style?.toMap(),
+    "text": text?.toMap(),
+    "navigationEndpoint": navigationEndpoint?.toMap(),
+    "trackingParams": trackingParams,
+    "icon": icon?.toMap(),
+    "accessibilityData": accessibilityData?.toMap(),
+    "isSelected": isSelected,
+    "uniqueId": uniqueId,
+  };
+}
+
+class PurpleNavigationEndpoint {
+  String? clickTrackingParams;
+  ModalEndpoint? modalEndpoint;
+  PreviewDescription? saveQueueToPlaylistCommand;
+
+  PurpleNavigationEndpoint({
+    this.clickTrackingParams,
+    this.modalEndpoint,
+    this.saveQueueToPlaylistCommand,
+  });
+
+  factory PurpleNavigationEndpoint.fromJson(String str) => PurpleNavigationEndpoint.fromMap(json.decode(str));
+
+  String toJson() => json.encode(toMap());
+
+  factory PurpleNavigationEndpoint.fromMap(Map<String, dynamic> json) => PurpleNavigationEndpoint(
+    clickTrackingParams: json["clickTrackingParams"],
+    modalEndpoint: json["modalEndpoint"] == null ? null : ModalEndpoint.fromMap(json["modalEndpoint"]),
+    saveQueueToPlaylistCommand: json["saveQueueToPlaylistCommand"] == null ? null : PreviewDescription.fromMap(json["saveQueueToPlaylistCommand"]),
+  );
+
+  Map<String, dynamic> toMap() => {
+    "clickTrackingParams": clickTrackingParams,
+    "modalEndpoint": modalEndpoint?.toMap(),
+    "saveQueueToPlaylistCommand": saveQueueToPlaylistCommand?.toMap(),
+  };
+}
+
+class Style {
+  String? styleType;
+
+  Style({
+    this.styleType,
+  });
+
+  factory Style.fromJson(String str) => Style.fromMap(json.decode(str));
+
+  String toJson() => json.encode(toMap());
+
+  factory Style.fromMap(Map<String, dynamic> json) => Style(
+    styleType: json["styleType"],
+  );
+
+  Map<String, dynamic> toMap() => {
+    "styleType": styleType,
+  };
+}
+
+class SubHeaderChipCloud {
+  ChipCloudRenderer? chipCloudRenderer;
+
+  SubHeaderChipCloud({
+    this.chipCloudRenderer,
+  });
+
+  factory SubHeaderChipCloud.fromJson(String str) => SubHeaderChipCloud.fromMap(json.decode(str));
+
+  String toJson() => json.encode(toMap());
+
+  factory SubHeaderChipCloud.fromMap(Map<String, dynamic> json) => SubHeaderChipCloud(
+    chipCloudRenderer: json["chipCloudRenderer"] == null ? null : ChipCloudRenderer.fromMap(json["chipCloudRenderer"]),
+  );
+
+  Map<String, dynamic> toMap() => {
+    "chipCloudRenderer": chipCloudRenderer?.toMap(),
+  };
+}
+
+class ChipCloudRenderer {
+  List<Chip>? chips;
+  String? trackingParams;
+
+  ChipCloudRenderer({
+    this.chips,
+    this.trackingParams,
+  });
+
+  factory ChipCloudRenderer.fromJson(String str) => ChipCloudRenderer.fromMap(json.decode(str));
+
+  String toJson() => json.encode(toMap());
+
+  factory ChipCloudRenderer.fromMap(Map<String, dynamic> json) => ChipCloudRenderer(
+    chips: json["chips"] == null ? [] : List<Chip>.from(json["chips"]!.map((x) => Chip.fromMap(x))),
+    trackingParams: json["trackingParams"],
+  );
+
+  Map<String, dynamic> toMap() => {
+    "chips": chips == null ? [] : List<dynamic>.from(chips!.map((x) => x.toMap())),
+    "trackingParams": trackingParams,
+  };
+}
+
+class Chip {
+  ChipChipCloudChipRenderer? chipCloudChipRenderer;
+
+  Chip({
+    this.chipCloudChipRenderer,
+  });
+
+  factory Chip.fromJson(String str) => Chip.fromMap(json.decode(str));
+
+  String toJson() => json.encode(toMap());
+
+  factory Chip.fromMap(Map<String, dynamic> json) => Chip(
+    chipCloudChipRenderer: json["chipCloudChipRenderer"] == null ? null : ChipChipCloudChipRenderer.fromMap(json["chipCloudChipRenderer"]),
+  );
+
+  Map<String, dynamic> toMap() => {
+    "chipCloudChipRenderer": chipCloudChipRenderer?.toMap(),
+  };
+}
+
+class ChipChipCloudChipRenderer {
+  Title? text;
+  FluffyNavigationEndpoint? navigationEndpoint;
+  String? trackingParams;
+  Accessibility? accessibilityData;
+  bool? isSelected;
+  String? uniqueId;
+
+  ChipChipCloudChipRenderer({
+    this.text,
+    this.navigationEndpoint,
+    this.trackingParams,
+    this.accessibilityData,
+    this.isSelected,
+    this.uniqueId,
+  });
+
+  factory ChipChipCloudChipRenderer.fromJson(String str) => ChipChipCloudChipRenderer.fromMap(json.decode(str));
+
+  String toJson() => json.encode(toMap());
+
+  factory ChipChipCloudChipRenderer.fromMap(Map<String, dynamic> json) => ChipChipCloudChipRenderer(
+    text: json["text"] == null ? null : Title.fromMap(json["text"]),
+    navigationEndpoint: json["navigationEndpoint"] == null ? null : FluffyNavigationEndpoint.fromMap(json["navigationEndpoint"]),
+    trackingParams: json["trackingParams"],
+    accessibilityData: json["accessibilityData"] == null ? null : Accessibility.fromMap(json["accessibilityData"]),
+    isSelected: json["isSelected"],
+    uniqueId: json["uniqueId"],
+  );
+
+  Map<String, dynamic> toMap() => {
+    "text": text?.toMap(),
+    "navigationEndpoint": navigationEndpoint?.toMap(),
+    "trackingParams": trackingParams,
+    "accessibilityData": accessibilityData?.toMap(),
+    "isSelected": isSelected,
+    "uniqueId": uniqueId,
+  };
+}
+
+class FluffyNavigationEndpoint {
+  String? clickTrackingParams;
+  QueueUpdateCommand? queueUpdateCommand;
+
+  FluffyNavigationEndpoint({
+    this.clickTrackingParams,
+    this.queueUpdateCommand,
+  });
+
+  factory FluffyNavigationEndpoint.fromJson(String str) => FluffyNavigationEndpoint.fromMap(json.decode(str));
+
+  String toJson() => json.encode(toMap());
+
+  factory FluffyNavigationEndpoint.fromMap(Map<String, dynamic> json) => FluffyNavigationEndpoint(
+    clickTrackingParams: json["clickTrackingParams"],
+    queueUpdateCommand: json["queueUpdateCommand"] == null ? null : QueueUpdateCommand.fromMap(json["queueUpdateCommand"]),
+  );
+
+  Map<String, dynamic> toMap() => {
+    "clickTrackingParams": clickTrackingParams,
+    "queueUpdateCommand": queueUpdateCommand?.toMap(),
+  };
+}
+
+class QueueUpdateCommand {
+  String? queueUpdateSection;
+  FetchContentsCommand? fetchContentsCommand;
+  bool? dedupeAgainstLocalQueue;
+
+  QueueUpdateCommand({
+    this.queueUpdateSection,
+    this.fetchContentsCommand,
+    this.dedupeAgainstLocalQueue,
+  });
+
+  factory QueueUpdateCommand.fromJson(String str) => QueueUpdateCommand.fromMap(json.decode(str));
+
+  String toJson() => json.encode(toMap());
+
+  factory QueueUpdateCommand.fromMap(Map<String, dynamic> json) => QueueUpdateCommand(
+    queueUpdateSection: json["queueUpdateSection"],
+    fetchContentsCommand: json["fetchContentsCommand"] == null ? null : FetchContentsCommand.fromMap(json["fetchContentsCommand"]),
+    dedupeAgainstLocalQueue: json["dedupeAgainstLocalQueue"],
+  );
+
+  Map<String, dynamic> toMap() => {
+    "queueUpdateSection": queueUpdateSection,
+    "fetchContentsCommand": fetchContentsCommand?.toMap(),
+    "dedupeAgainstLocalQueue": dedupeAgainstLocalQueue,
+  };
+}
+
+class FetchContentsCommand {
+  String? clickTrackingParams;
+  FetchContentsCommandWatchEndpoint? watchEndpoint;
+
+  FetchContentsCommand({
+    this.clickTrackingParams,
+    this.watchEndpoint,
+  });
+
+  factory FetchContentsCommand.fromJson(String str) => FetchContentsCommand.fromMap(json.decode(str));
+
+  String toJson() => json.encode(toMap());
+
+  factory FetchContentsCommand.fromMap(Map<String, dynamic> json) => FetchContentsCommand(
+    clickTrackingParams: json["clickTrackingParams"],
+    watchEndpoint: json["watchEndpoint"] == null ? null : FetchContentsCommandWatchEndpoint.fromMap(json["watchEndpoint"]),
+  );
+
+  Map<String, dynamic> toMap() => {
+    "clickTrackingParams": clickTrackingParams,
+    "watchEndpoint": watchEndpoint?.toMap(),
+  };
+}
+
+class FetchContentsCommandWatchEndpoint {
+  String? playlistId;
+  String? params;
+  LoggingContext? loggingContext;
+
+  FetchContentsCommandWatchEndpoint({
+    this.playlistId,
+    this.params,
+    this.loggingContext,
+  });
+
+  factory FetchContentsCommandWatchEndpoint.fromJson(String str) => FetchContentsCommandWatchEndpoint.fromMap(json.decode(str));
+
+  String toJson() => json.encode(toMap());
+
+  factory FetchContentsCommandWatchEndpoint.fromMap(Map<String, dynamic> json) => FetchContentsCommandWatchEndpoint(
+    playlistId: json["playlistId"],
+    params: json["params"],
+    loggingContext: json["loggingContext"] == null ? null : LoggingContext.fromMap(json["loggingContext"]),
+  );
+
+  Map<String, dynamic> toMap() => {
+    "playlistId": playlistId,
+    "params": params,
+    "loggingContext": loggingContext?.toMap(),
+  };
+}
+
+class CurrentVideoEndpoint {
+  String? clickTrackingParams;
+  CurrentVideoEndpointWatchEndpoint? watchEndpoint;
+
+  CurrentVideoEndpoint({
+    this.clickTrackingParams,
+    this.watchEndpoint,
+  });
+
+  factory CurrentVideoEndpoint.fromJson(String str) => CurrentVideoEndpoint.fromMap(json.decode(str));
+
+  String toJson() => json.encode(toMap());
+
+  factory CurrentVideoEndpoint.fromMap(Map<String, dynamic> json) => CurrentVideoEndpoint(
+    clickTrackingParams: json["clickTrackingParams"],
+    watchEndpoint: json["watchEndpoint"] == null ? null : CurrentVideoEndpointWatchEndpoint.fromMap(json["watchEndpoint"]),
+  );
+
+  Map<String, dynamic> toMap() => {
+    "clickTrackingParams": clickTrackingParams,
+    "watchEndpoint": watchEndpoint?.toMap(),
+  };
+}
+
+class CurrentVideoEndpointWatchEndpoint {
+  String? videoId;
+  String? playlistId;
+  int? index;
+  String? playlistSetVideoId;
+  LoggingContext? loggingContext;
+
+  CurrentVideoEndpointWatchEndpoint({
+    this.videoId,
+    this.playlistId,
+    this.index,
+    this.playlistSetVideoId,
+    this.loggingContext,
+  });
+
+  factory CurrentVideoEndpointWatchEndpoint.fromJson(String str) => CurrentVideoEndpointWatchEndpoint.fromMap(json.decode(str));
+
+  String toJson() => json.encode(toMap());
+
+  factory CurrentVideoEndpointWatchEndpoint.fromMap(Map<String, dynamic> json) => CurrentVideoEndpointWatchEndpoint(
+    videoId: json["videoId"],
+    playlistId: json["playlistId"],
+    index: json["index"],
+    playlistSetVideoId: json["playlistSetVideoId"],
+    loggingContext: json["loggingContext"] == null ? null : LoggingContext.fromMap(json["loggingContext"]),
+  );
+
+  Map<String, dynamic> toMap() => {
+    "videoId": videoId,
+    "playlistId": playlistId,
+    "index": index,
+    "playlistSetVideoId": playlistSetVideoId,
+    "loggingContext": loggingContext?.toMap(),
+  };
+}
+
+class PlayerOverlays {
+  PlayerOverlayRenderer? playerOverlayRenderer;
+
+  PlayerOverlays({
+    this.playerOverlayRenderer,
+  });
+
+  factory PlayerOverlays.fromJson(String str) => PlayerOverlays.fromMap(json.decode(str));
+
+  String toJson() => json.encode(toMap());
+
+  factory PlayerOverlays.fromMap(Map<String, dynamic> json) => PlayerOverlays(
+    playerOverlayRenderer: json["playerOverlayRenderer"] == null ? null : PlayerOverlayRenderer.fromMap(json["playerOverlayRenderer"]),
+  );
+
+  Map<String, dynamic> toMap() => {
+    "playerOverlayRenderer": playerOverlayRenderer?.toMap(),
+  };
+}
+
+class PlayerOverlayRenderer {
+  List<Action>? actions;
+  BrowserMediaSession? browserMediaSession;
+
+  PlayerOverlayRenderer({
+    this.actions,
+    this.browserMediaSession,
+  });
+
+  factory PlayerOverlayRenderer.fromJson(String str) => PlayerOverlayRenderer.fromMap(json.decode(str));
+
+  String toJson() => json.encode(toMap());
+
+  factory PlayerOverlayRenderer.fromMap(Map<String, dynamic> json) => PlayerOverlayRenderer(
+    actions: json["actions"] == null ? [] : List<Action>.from(json["actions"]!.map((x) => Action.fromMap(x))),
+    browserMediaSession: json["browserMediaSession"] == null ? null : BrowserMediaSession.fromMap(json["browserMediaSession"]),
+  );
+
+  Map<String, dynamic> toMap() => {
+    "actions": actions == null ? [] : List<dynamic>.from(actions!.map((x) => x.toMap())),
+    "browserMediaSession": browserMediaSession?.toMap(),
+  };
+}
+
+class Action {
+  LikeButtonRenderer? likeButtonRenderer;
+
+  Action({
+    this.likeButtonRenderer,
+  });
+
+  factory Action.fromJson(String str) => Action.fromMap(json.decode(str));
+
+  String toJson() => json.encode(toMap());
+
+  factory Action.fromMap(Map<String, dynamic> json) => Action(
+    likeButtonRenderer: json["likeButtonRenderer"] == null ? null : LikeButtonRenderer.fromMap(json["likeButtonRenderer"]),
+  );
+
+  Map<String, dynamic> toMap() => {
+    "likeButtonRenderer": likeButtonRenderer?.toMap(),
+  };
+}
+
+class LikeButtonRenderer {
+  Target? target;
+  String? likeStatus;
+  String? trackingParams;
+  bool? likesAllowed;
+  DislikeNavigationEndpoint? dislikeNavigationEndpoint;
+  DislikeNavigationEndpoint? likeCommand;
+
+  LikeButtonRenderer({
+    this.target,
+    this.likeStatus,
+    this.trackingParams,
+    this.likesAllowed,
+    this.dislikeNavigationEndpoint,
+    this.likeCommand,
+  });
+
+  factory LikeButtonRenderer.fromJson(String str) => LikeButtonRenderer.fromMap(json.decode(str));
+
+  String toJson() => json.encode(toMap());
+
+  factory LikeButtonRenderer.fromMap(Map<String, dynamic> json) => LikeButtonRenderer(
+    target: json["target"] == null ? null : Target.fromMap(json["target"]),
+    likeStatus: json["likeStatus"],
+    trackingParams: json["trackingParams"],
+    likesAllowed: json["likesAllowed"],
+    dislikeNavigationEndpoint: json["dislikeNavigationEndpoint"] == null ? null : DislikeNavigationEndpoint.fromMap(json["dislikeNavigationEndpoint"]),
+    likeCommand: json["likeCommand"] == null ? null : DislikeNavigationEndpoint.fromMap(json["likeCommand"]),
+  );
+
+  Map<String, dynamic> toMap() => {
+    "target": target?.toMap(),
+    "likeStatus": likeStatus,
+    "trackingParams": trackingParams,
+    "likesAllowed": likesAllowed,
+    "dislikeNavigationEndpoint": dislikeNavigationEndpoint?.toMap(),
+    "likeCommand": likeCommand?.toMap(),
+  };
+}
+
+class BrowserMediaSession {
+  BrowserMediaSessionRenderer? browserMediaSessionRenderer;
+
+  BrowserMediaSession({
+    this.browserMediaSessionRenderer,
+  });
+
+  factory BrowserMediaSession.fromJson(String str) => BrowserMediaSession.fromMap(json.decode(str));
+
+  String toJson() => json.encode(toMap());
+
+  factory BrowserMediaSession.fromMap(Map<String, dynamic> json) => BrowserMediaSession(
+    browserMediaSessionRenderer: json["browserMediaSessionRenderer"] == null ? null : BrowserMediaSessionRenderer.fromMap(json["browserMediaSessionRenderer"]),
+  );
+
+  Map<String, dynamic> toMap() => {
+    "browserMediaSessionRenderer": browserMediaSessionRenderer?.toMap(),
+  };
+}
+
+class BrowserMediaSessionRenderer {
+  Title? album;
+  ThumbnailDetailsClass? thumbnailDetails;
+
+  BrowserMediaSessionRenderer({
+    this.album,
+    this.thumbnailDetails,
+  });
+
+  factory BrowserMediaSessionRenderer.fromJson(String str) => BrowserMediaSessionRenderer.fromMap(json.decode(str));
+
+  String toJson() => json.encode(toMap());
+
+  factory BrowserMediaSessionRenderer.fromMap(Map<String, dynamic> json) => BrowserMediaSessionRenderer(
+    album: json["album"] == null ? null : Title.fromMap(json["album"]),
+    thumbnailDetails: json["thumbnailDetails"] == null ? null : ThumbnailDetailsClass.fromMap(json["thumbnailDetails"]),
+  );
+
+  Map<String, dynamic> toMap() => {
+    "album": album?.toMap(),
+    "thumbnailDetails": thumbnailDetails?.toMap(),
+  };
+}
+
+class ResponseContext {
+  String? visitorData;
+  List<ServiceTrackingParam>? serviceTrackingParams;
+
+  ResponseContext({
+    this.visitorData,
+    this.serviceTrackingParams,
+  });
+
+  factory ResponseContext.fromJson(String str) => ResponseContext.fromMap(json.decode(str));
+
+  String toJson() => json.encode(toMap());
+
+  factory ResponseContext.fromMap(Map<String, dynamic> json) => ResponseContext(
+    visitorData: json["visitorData"],
+    serviceTrackingParams: json["serviceTrackingParams"] == null ? [] : List<ServiceTrackingParam>.from(json["serviceTrackingParams"]!.map((x) => ServiceTrackingParam.fromMap(x))),
+  );
+
+  Map<String, dynamic> toMap() => {
+    "visitorData": visitorData,
+    "serviceTrackingParams": serviceTrackingParams == null ? [] : List<dynamic>.from(serviceTrackingParams!.map((x) => x.toMap())),
+  };
+}
+
+class ServiceTrackingParam {
+  String? service;
+  List<Param>? params;
+
+  ServiceTrackingParam({
+    this.service,
+    this.params,
+  });
+
+  factory ServiceTrackingParam.fromJson(String str) => ServiceTrackingParam.fromMap(json.decode(str));
+
+  String toJson() => json.encode(toMap());
+
+  factory ServiceTrackingParam.fromMap(Map<String, dynamic> json) => ServiceTrackingParam(
+    service: json["service"],
+    params: json["params"] == null ? [] : List<Param>.from(json["params"]!.map((x) => Param.fromMap(x))),
+  );
+
+  Map<String, dynamic> toMap() => {
+    "service": service,
+    "params": params == null ? [] : List<dynamic>.from(params!.map((x) => x.toMap())),
+  };
+}
+
+class Param {
+  String? key;
+  String? value;
+
+  Param({
+    this.key,
+    this.value,
+  });
+
+  factory Param.fromJson(String str) => Param.fromMap(json.decode(str));
+
+  String toJson() => json.encode(toMap());
+
+  factory Param.fromMap(Map<String, dynamic> json) => Param(
+    key: json["key"],
+    value: json["value"],
+  );
+
+  Map<String, dynamic> toMap() => {
+    "key": key,
+    "value": value,
+  };
+}
+
+class VideoReporting {
+  ReportFormModalRenderer? reportFormModalRenderer;
+
+  VideoReporting({
+    this.reportFormModalRenderer,
+  });
+
+  factory VideoReporting.fromJson(String str) => VideoReporting.fromMap(json.decode(str));
+
+  String toJson() => json.encode(toMap());
+
+  factory VideoReporting.fromMap(Map<String, dynamic> json) => VideoReporting(
+    reportFormModalRenderer: json["reportFormModalRenderer"] == null ? null : ReportFormModalRenderer.fromMap(json["reportFormModalRenderer"]),
+  );
+
+  Map<String, dynamic> toMap() => {
+    "reportFormModalRenderer": reportFormModalRenderer?.toMap(),
+  };
+}
+
+class ReportFormModalRenderer {
+  OptionsSupportedRenderers? optionsSupportedRenderers;
+  String? trackingParams;
+  Title? title;
+  CancelButtonClass? submitButton;
+  CancelButtonClass? cancelButton;
+  Footer? footer;
+
+  ReportFormModalRenderer({
+    this.optionsSupportedRenderers,
+    this.trackingParams,
+    this.title,
+    this.submitButton,
+    this.cancelButton,
+    this.footer,
+  });
+
+  factory ReportFormModalRenderer.fromJson(String str) => ReportFormModalRenderer.fromMap(json.decode(str));
+
+  String toJson() => json.encode(toMap());
+
+  factory ReportFormModalRenderer.fromMap(Map<String, dynamic> json) => ReportFormModalRenderer(
+    optionsSupportedRenderers: json["optionsSupportedRenderers"] == null ? null : OptionsSupportedRenderers.fromMap(json["optionsSupportedRenderers"]),
+    trackingParams: json["trackingParams"],
+    title: json["title"] == null ? null : Title.fromMap(json["title"]),
+    submitButton: json["submitButton"] == null ? null : CancelButtonClass.fromMap(json["submitButton"]),
+    cancelButton: json["cancelButton"] == null ? null : CancelButtonClass.fromMap(json["cancelButton"]),
+    footer: json["footer"] == null ? null : Footer.fromMap(json["footer"]),
+  );
+
+  Map<String, dynamic> toMap() => {
+    "optionsSupportedRenderers": optionsSupportedRenderers?.toMap(),
+    "trackingParams": trackingParams,
+    "title": title?.toMap(),
+    "submitButton": submitButton?.toMap(),
+    "cancelButton": cancelButton?.toMap(),
+    "footer": footer?.toMap(),
+  };
+}
+
+class Footer {
+  List<FooterRun>? runs;
+
+  Footer({
+    this.runs,
+  });
+
+  factory Footer.fromJson(String str) => Footer.fromMap(json.decode(str));
+
+  String toJson() => json.encode(toMap());
+
+  factory Footer.fromMap(Map<String, dynamic> json) => Footer(
+    runs: json["runs"] == null ? [] : List<FooterRun>.from(json["runs"]!.map((x) => FooterRun.fromMap(x))),
+  );
+
+  Map<String, dynamic> toMap() => {
+    "runs": runs == null ? [] : List<dynamic>.from(runs!.map((x) => x.toMap())),
+  };
+}
+
+class FooterRun {
+  String? text;
+  RunNavigationEndpoint? navigationEndpoint;
+
+  FooterRun({
+    this.text,
+    this.navigationEndpoint,
+  });
+
+  factory FooterRun.fromJson(String str) => FooterRun.fromMap(json.decode(str));
+
+  String toJson() => json.encode(toMap());
+
+  factory FooterRun.fromMap(Map<String, dynamic> json) => FooterRun(
+    text: json["text"],
+    navigationEndpoint: json["navigationEndpoint"] == null ? null : RunNavigationEndpoint.fromMap(json["navigationEndpoint"]),
+  );
+
+  Map<String, dynamic> toMap() => {
+    "text": text,
+    "navigationEndpoint": navigationEndpoint?.toMap(),
+  };
+}
+
+class RunNavigationEndpoint {
+  String? clickTrackingParams;
+  UrlEndpoint? urlEndpoint;
+
+  RunNavigationEndpoint({
+    this.clickTrackingParams,
+    this.urlEndpoint,
+  });
+
+  factory RunNavigationEndpoint.fromJson(String str) => RunNavigationEndpoint.fromMap(json.decode(str));
+
+  String toJson() => json.encode(toMap());
+
+  factory RunNavigationEndpoint.fromMap(Map<String, dynamic> json) => RunNavigationEndpoint(
+    clickTrackingParams: json["clickTrackingParams"],
+    urlEndpoint: json["urlEndpoint"] == null ? null : UrlEndpoint.fromMap(json["urlEndpoint"]),
+  );
+
+  Map<String, dynamic> toMap() => {
+    "clickTrackingParams": clickTrackingParams,
+    "urlEndpoint": urlEndpoint?.toMap(),
+  };
+}
+
+class UrlEndpoint {
+  String? url;
+
+  UrlEndpoint({
+    this.url,
+  });
+
+  factory UrlEndpoint.fromJson(String str) => UrlEndpoint.fromMap(json.decode(str));
+
+  String toJson() => json.encode(toMap());
+
+  factory UrlEndpoint.fromMap(Map<String, dynamic> json) => UrlEndpoint(
+    url: json["url"],
+  );
+
+  Map<String, dynamic> toMap() => {
+    "url": url,
+  };
+}
+
+class OptionsSupportedRenderers {
+  OptionsRenderer? optionsRenderer;
+
+  OptionsSupportedRenderers({
+    this.optionsRenderer,
+  });
+
+  factory OptionsSupportedRenderers.fromJson(String str) => OptionsSupportedRenderers.fromMap(json.decode(str));
+
+  String toJson() => json.encode(toMap());
+
+  factory OptionsSupportedRenderers.fromMap(Map<String, dynamic> json) => OptionsSupportedRenderers(
+    optionsRenderer: json["optionsRenderer"] == null ? null : OptionsRenderer.fromMap(json["optionsRenderer"]),
+  );
+
+  Map<String, dynamic> toMap() => {
+    "optionsRenderer": optionsRenderer?.toMap(),
+  };
+}
+
+class OptionsRenderer {
+  List<OptionsRendererItem>? items;
+  String? trackingParams;
+
+  OptionsRenderer({
+    this.items,
+    this.trackingParams,
+  });
+
+  factory OptionsRenderer.fromJson(String str) => OptionsRenderer.fromMap(json.decode(str));
+
+  String toJson() => json.encode(toMap());
+
+  factory OptionsRenderer.fromMap(Map<String, dynamic> json) => OptionsRenderer(
+    items: json["items"] == null ? [] : List<OptionsRendererItem>.from(json["items"]!.map((x) => OptionsRendererItem.fromMap(x))),
+    trackingParams: json["trackingParams"],
+  );
+
+  Map<String, dynamic> toMap() => {
+    "items": items == null ? [] : List<dynamic>.from(items!.map((x) => x.toMap())),
+    "trackingParams": trackingParams,
+  };
+}
+
+class OptionsRendererItem {
+  OptionSelectableItemRenderer? optionSelectableItemRenderer;
+
+  OptionsRendererItem({
+    this.optionSelectableItemRenderer,
+  });
+
+  factory OptionsRendererItem.fromJson(String str) => OptionsRendererItem.fromMap(json.decode(str));
+
+  String toJson() => json.encode(toMap());
+
+  factory OptionsRendererItem.fromMap(Map<String, dynamic> json) => OptionsRendererItem(
+    optionSelectableItemRenderer: json["optionSelectableItemRenderer"] == null ? null : OptionSelectableItemRenderer.fromMap(json["optionSelectableItemRenderer"]),
+  );
+
+  Map<String, dynamic> toMap() => {
+    "optionSelectableItemRenderer": optionSelectableItemRenderer?.toMap(),
+  };
+}
+
+class OptionSelectableItemRenderer {
+  Title? text;
+  String? trackingParams;
+  SubmitEndpoint? submitEndpoint;
+
+  OptionSelectableItemRenderer({
+    this.text,
+    this.trackingParams,
+    this.submitEndpoint,
+  });
+
+  factory OptionSelectableItemRenderer.fromJson(String str) => OptionSelectableItemRenderer.fromMap(json.decode(str));
+
+  String toJson() => json.encode(toMap());
+
+  factory OptionSelectableItemRenderer.fromMap(Map<String, dynamic> json) => OptionSelectableItemRenderer(
+    text: json["text"] == null ? null : Title.fromMap(json["text"]),
+    trackingParams: json["trackingParams"],
+    submitEndpoint: json["submitEndpoint"] == null ? null : SubmitEndpoint.fromMap(json["submitEndpoint"]),
+  );
+
+  Map<String, dynamic> toMap() => {
+    "text": text?.toMap(),
+    "trackingParams": trackingParams,
+    "submitEndpoint": submitEndpoint?.toMap(),
+  };
+}
+
+class SubmitEndpoint {
+  String? clickTrackingParams;
+  FlagEndpoint? flagEndpoint;
+
+  SubmitEndpoint({
+    this.clickTrackingParams,
+    this.flagEndpoint,
+  });
+
+  factory SubmitEndpoint.fromJson(String str) => SubmitEndpoint.fromMap(json.decode(str));
+
+  String toJson() => json.encode(toMap());
+
+  factory SubmitEndpoint.fromMap(Map<String, dynamic> json) => SubmitEndpoint(
+    clickTrackingParams: json["clickTrackingParams"],
+    flagEndpoint: json["flagEndpoint"] == null ? null : FlagEndpoint.fromMap(json["flagEndpoint"]),
+  );
+
+  Map<String, dynamic> toMap() => {
+    "clickTrackingParams": clickTrackingParams,
+    "flagEndpoint": flagEndpoint?.toMap(),
+  };
+}
+
+class FlagEndpoint {
+  String? flagAction;
+
+  FlagEndpoint({
+    this.flagAction,
+  });
+
+  factory FlagEndpoint.fromJson(String str) => FlagEndpoint.fromMap(json.decode(str));
+
+  String toJson() => json.encode(toMap());
+
+  factory FlagEndpoint.fromMap(Map<String, dynamic> json) => FlagEndpoint(
+    flagAction: json["flagAction"],
+  );
+
+  Map<String, dynamic> toMap() => {
+    "flagAction": flagAction,
+  };
+}
diff --git a/lib/data/sideb/models/play_list_model.dart b/lib/data/sideb/models/play_list_model.dart
new file mode 100644
index 0000000..ba635fc
--- /dev/null
+++ b/lib/data/sideb/models/play_list_model.dart
@@ -0,0 +1,45 @@
+// Author: fengshengxiong
+// Date: 2024/6/24
+// Description: 播放列表模型
+
+import 'dart:convert';
+
+class PlayListModel {
+  String? title;
+  String? subTitle;
+  String? thumbnail;
+  String? videoId;
+  String? playlistId;
+  String? url;
+
+  PlayListModel({
+    this.title,
+    this.subTitle,
+    this.thumbnail,
+    this.videoId,
+    this.playlistId,
+    this.url,
+  });
+
+  factory PlayListModel.fromJson(String str) => PlayListModel.fromMap(json.decode(str));
+
+  String toJson() => json.encode(toMap());
+
+  factory PlayListModel.fromMap(Map<String, dynamic> json) => PlayListModel(
+    title: json["title"],
+    subTitle: json["subTitle"],
+    thumbnail: json["thumbnail"],
+    videoId: json["videoId"],
+    playlistId: json["playlistId"],
+    url: json["url"],
+  );
+
+  Map<String, dynamic> toMap() => {
+    "title": title,
+    "subTitle": subTitle,
+    "thumbnail": thumbnail,
+    "videoId": videoId,
+    "playlistId": playlistId,
+    "url": url,
+  };
+}
diff --git a/lib/data/sideb/models/player_model.dart b/lib/data/sideb/models/player_model.dart
new file mode 100644
index 0000000..a9ea623
--- /dev/null
+++ b/lib/data/sideb/models/player_model.dart
@@ -0,0 +1,2193 @@
+// Author: fengshengxiong
+// Date: 2024/6/23
+// Description: 播放歌曲模型
+
+import 'dart:convert';
+
+class PlayerModel {
+  ResponseContext? responseContext;
+  PlayabilityStatus? playabilityStatus;
+  StreamingData? streamingData;
+  PlaybackTracking? playbackTracking;
+  VideoDetails? videoDetails;
+  PlayerConfig? playerConfig;
+  Storyboards? storyboards;
+  String? trackingParams;
+  Attestation? attestation;
+  String? adBreakHeartbeatParams;
+
+  PlayerModel({
+    this.responseContext,
+    this.playabilityStatus,
+    this.streamingData,
+    this.playbackTracking,
+    this.videoDetails,
+    this.playerConfig,
+    this.storyboards,
+    this.trackingParams,
+    this.attestation,
+    this.adBreakHeartbeatParams,
+  });
+
+  factory PlayerModel.fromJson(String str) => PlayerModel.fromMap(json.decode(str));
+
+  String toJson() => json.encode(toMap());
+
+  factory PlayerModel.fromMap(Map<String, dynamic> json) => PlayerModel(
+    responseContext: json["responseContext"] == null ? null : ResponseContext.fromMap(json["responseContext"]),
+    playabilityStatus: json["playabilityStatus"] == null ? null : PlayabilityStatus.fromMap(json["playabilityStatus"]),
+    streamingData: json["streamingData"] == null ? null : StreamingData.fromMap(json["streamingData"]),
+    playbackTracking: json["playbackTracking"] == null ? null : PlaybackTracking.fromMap(json["playbackTracking"]),
+    videoDetails: json["videoDetails"] == null ? null : VideoDetails.fromMap(json["videoDetails"]),
+    playerConfig: json["playerConfig"] == null ? null : PlayerConfig.fromMap(json["playerConfig"]),
+    storyboards: json["storyboards"] == null ? null : Storyboards.fromMap(json["storyboards"]),
+    trackingParams: json["trackingParams"],
+    attestation: json["attestation"] == null ? null : Attestation.fromMap(json["attestation"]),
+    adBreakHeartbeatParams: json["adBreakHeartbeatParams"],
+  );
+
+  Map<String, dynamic> toMap() => {
+    "responseContext": responseContext?.toMap(),
+    "playabilityStatus": playabilityStatus?.toMap(),
+    "streamingData": streamingData?.toMap(),
+    "playbackTracking": playbackTracking?.toMap(),
+    "videoDetails": videoDetails?.toMap(),
+    "playerConfig": playerConfig?.toMap(),
+    "storyboards": storyboards?.toMap(),
+    "trackingParams": trackingParams,
+    "attestation": attestation?.toMap(),
+    "adBreakHeartbeatParams": adBreakHeartbeatParams,
+  };
+}
+
+class Attestation {
+  PlayerAttestationRenderer? playerAttestationRenderer;
+
+  Attestation({
+    this.playerAttestationRenderer,
+  });
+
+  factory Attestation.fromJson(String str) => Attestation.fromMap(json.decode(str));
+
+  String toJson() => json.encode(toMap());
+
+  factory Attestation.fromMap(Map<String, dynamic> json) => Attestation(
+    playerAttestationRenderer: json["playerAttestationRenderer"] == null ? null : PlayerAttestationRenderer.fromMap(json["playerAttestationRenderer"]),
+  );
+
+  Map<String, dynamic> toMap() => {
+    "playerAttestationRenderer": playerAttestationRenderer?.toMap(),
+  };
+}
+
+class PlayerAttestationRenderer {
+  String? challenge;
+
+  PlayerAttestationRenderer({
+    this.challenge,
+  });
+
+  factory PlayerAttestationRenderer.fromJson(String str) => PlayerAttestationRenderer.fromMap(json.decode(str));
+
+  String toJson() => json.encode(toMap());
+
+  factory PlayerAttestationRenderer.fromMap(Map<String, dynamic> json) => PlayerAttestationRenderer(
+    challenge: json["challenge"],
+  );
+
+  Map<String, dynamic> toMap() => {
+    "challenge": challenge,
+  };
+}
+
+class PlayabilityStatus {
+  String? status;
+  bool? playableInEmbed;
+  Backgroundability? backgroundability;
+  AudioOnlyPlayability? audioOnlyPlayability;
+  Miniplayer? miniplayer;
+  String? contextParams;
+
+  PlayabilityStatus({
+    this.status,
+    this.playableInEmbed,
+    this.backgroundability,
+    this.audioOnlyPlayability,
+    this.miniplayer,
+    this.contextParams,
+  });
+
+  factory PlayabilityStatus.fromJson(String str) => PlayabilityStatus.fromMap(json.decode(str));
+
+  String toJson() => json.encode(toMap());
+
+  factory PlayabilityStatus.fromMap(Map<String, dynamic> json) => PlayabilityStatus(
+    status: json["status"],
+    playableInEmbed: json["playableInEmbed"],
+    backgroundability: json["backgroundability"] == null ? null : Backgroundability.fromMap(json["backgroundability"]),
+    audioOnlyPlayability: json["audioOnlyPlayability"] == null ? null : AudioOnlyPlayability.fromMap(json["audioOnlyPlayability"]),
+    miniplayer: json["miniplayer"] == null ? null : Miniplayer.fromMap(json["miniplayer"]),
+    contextParams: json["contextParams"],
+  );
+
+  Map<String, dynamic> toMap() => {
+    "status": status,
+    "playableInEmbed": playableInEmbed,
+    "backgroundability": backgroundability?.toMap(),
+    "audioOnlyPlayability": audioOnlyPlayability?.toMap(),
+    "miniplayer": miniplayer?.toMap(),
+    "contextParams": contextParams,
+  };
+}
+
+class AudioOnlyPlayability {
+  AudioOnlyPlayabilityRenderer? audioOnlyPlayabilityRenderer;
+
+  AudioOnlyPlayability({
+    this.audioOnlyPlayabilityRenderer,
+  });
+
+  factory AudioOnlyPlayability.fromJson(String str) => AudioOnlyPlayability.fromMap(json.decode(str));
+
+  String toJson() => json.encode(toMap());
+
+  factory AudioOnlyPlayability.fromMap(Map<String, dynamic> json) => AudioOnlyPlayability(
+    audioOnlyPlayabilityRenderer: json["audioOnlyPlayabilityRenderer"] == null ? null : AudioOnlyPlayabilityRenderer.fromMap(json["audioOnlyPlayabilityRenderer"]),
+  );
+
+  Map<String, dynamic> toMap() => {
+    "audioOnlyPlayabilityRenderer": audioOnlyPlayabilityRenderer?.toMap(),
+  };
+}
+
+class AudioOnlyPlayabilityRenderer {
+  String? trackingParams;
+  String? audioOnlyAvailability;
+
+  AudioOnlyPlayabilityRenderer({
+    this.trackingParams,
+    this.audioOnlyAvailability,
+  });
+
+  factory AudioOnlyPlayabilityRenderer.fromJson(String str) => AudioOnlyPlayabilityRenderer.fromMap(json.decode(str));
+
+  String toJson() => json.encode(toMap());
+
+  factory AudioOnlyPlayabilityRenderer.fromMap(Map<String, dynamic> json) => AudioOnlyPlayabilityRenderer(
+    trackingParams: json["trackingParams"],
+    audioOnlyAvailability: json["audioOnlyAvailability"],
+  );
+
+  Map<String, dynamic> toMap() => {
+    "trackingParams": trackingParams,
+    "audioOnlyAvailability": audioOnlyAvailability,
+  };
+}
+
+class Backgroundability {
+  BackgroundabilityRenderer? backgroundabilityRenderer;
+
+  Backgroundability({
+    this.backgroundabilityRenderer,
+  });
+
+  factory Backgroundability.fromJson(String str) => Backgroundability.fromMap(json.decode(str));
+
+  String toJson() => json.encode(toMap());
+
+  factory Backgroundability.fromMap(Map<String, dynamic> json) => Backgroundability(
+    backgroundabilityRenderer: json["backgroundabilityRenderer"] == null ? null : BackgroundabilityRenderer.fromMap(json["backgroundabilityRenderer"]),
+  );
+
+  Map<String, dynamic> toMap() => {
+    "backgroundabilityRenderer": backgroundabilityRenderer?.toMap(),
+  };
+}
+
+class BackgroundabilityRenderer {
+  bool? backgroundable;
+
+  BackgroundabilityRenderer({
+    this.backgroundable,
+  });
+
+  factory BackgroundabilityRenderer.fromJson(String str) => BackgroundabilityRenderer.fromMap(json.decode(str));
+
+  String toJson() => json.encode(toMap());
+
+  factory BackgroundabilityRenderer.fromMap(Map<String, dynamic> json) => BackgroundabilityRenderer(
+    backgroundable: json["backgroundable"],
+  );
+
+  Map<String, dynamic> toMap() => {
+    "backgroundable": backgroundable,
+  };
+}
+
+class Miniplayer {
+  MiniplayerRenderer? miniplayerRenderer;
+
+  Miniplayer({
+    this.miniplayerRenderer,
+  });
+
+  factory Miniplayer.fromJson(String str) => Miniplayer.fromMap(json.decode(str));
+
+  String toJson() => json.encode(toMap());
+
+  factory Miniplayer.fromMap(Map<String, dynamic> json) => Miniplayer(
+    miniplayerRenderer: json["miniplayerRenderer"] == null ? null : MiniplayerRenderer.fromMap(json["miniplayerRenderer"]),
+  );
+
+  Map<String, dynamic> toMap() => {
+    "miniplayerRenderer": miniplayerRenderer?.toMap(),
+  };
+}
+
+class MiniplayerRenderer {
+  String? playbackMode;
+
+  MiniplayerRenderer({
+    this.playbackMode,
+  });
+
+  factory MiniplayerRenderer.fromJson(String str) => MiniplayerRenderer.fromMap(json.decode(str));
+
+  String toJson() => json.encode(toMap());
+
+  factory MiniplayerRenderer.fromMap(Map<String, dynamic> json) => MiniplayerRenderer(
+    playbackMode: json["playbackMode"],
+  );
+
+  Map<String, dynamic> toMap() => {
+    "playbackMode": playbackMode,
+  };
+}
+
+class PlaybackTracking {
+  Url? videostatsPlaybackUrl;
+  Url? videostatsDelayplayUrl;
+  Url? videostatsWatchtimeUrl;
+  Url? ptrackingUrl;
+  Url? qoeUrl;
+  AtrUrl? atrUrl;
+  List<int>? videostatsScheduledFlushWalltimeSeconds;
+  int? videostatsDefaultFlushIntervalSeconds;
+
+  PlaybackTracking({
+    this.videostatsPlaybackUrl,
+    this.videostatsDelayplayUrl,
+    this.videostatsWatchtimeUrl,
+    this.ptrackingUrl,
+    this.qoeUrl,
+    this.atrUrl,
+    this.videostatsScheduledFlushWalltimeSeconds,
+    this.videostatsDefaultFlushIntervalSeconds,
+  });
+
+  factory PlaybackTracking.fromJson(String str) => PlaybackTracking.fromMap(json.decode(str));
+
+  String toJson() => json.encode(toMap());
+
+  factory PlaybackTracking.fromMap(Map<String, dynamic> json) => PlaybackTracking(
+    videostatsPlaybackUrl: json["videostatsPlaybackUrl"] == null ? null : Url.fromMap(json["videostatsPlaybackUrl"]),
+    videostatsDelayplayUrl: json["videostatsDelayplayUrl"] == null ? null : Url.fromMap(json["videostatsDelayplayUrl"]),
+    videostatsWatchtimeUrl: json["videostatsWatchtimeUrl"] == null ? null : Url.fromMap(json["videostatsWatchtimeUrl"]),
+    ptrackingUrl: json["ptrackingUrl"] == null ? null : Url.fromMap(json["ptrackingUrl"]),
+    qoeUrl: json["qoeUrl"] == null ? null : Url.fromMap(json["qoeUrl"]),
+    atrUrl: json["atrUrl"] == null ? null : AtrUrl.fromMap(json["atrUrl"]),
+    videostatsScheduledFlushWalltimeSeconds: json["videostatsScheduledFlushWalltimeSeconds"] == null ? [] : List<int>.from(json["videostatsScheduledFlushWalltimeSeconds"]!.map((x) => x)),
+    videostatsDefaultFlushIntervalSeconds: json["videostatsDefaultFlushIntervalSeconds"],
+  );
+
+  Map<String, dynamic> toMap() => {
+    "videostatsPlaybackUrl": videostatsPlaybackUrl?.toMap(),
+    "videostatsDelayplayUrl": videostatsDelayplayUrl?.toMap(),
+    "videostatsWatchtimeUrl": videostatsWatchtimeUrl?.toMap(),
+    "ptrackingUrl": ptrackingUrl?.toMap(),
+    "qoeUrl": qoeUrl?.toMap(),
+    "atrUrl": atrUrl?.toMap(),
+    "videostatsScheduledFlushWalltimeSeconds": videostatsScheduledFlushWalltimeSeconds == null ? [] : List<dynamic>.from(videostatsScheduledFlushWalltimeSeconds!.map((x) => x)),
+    "videostatsDefaultFlushIntervalSeconds": videostatsDefaultFlushIntervalSeconds,
+  };
+}
+
+class AtrUrl {
+  String? baseUrl;
+  int? elapsedMediaTimeSeconds;
+  List<Header>? headers;
+
+  AtrUrl({
+    this.baseUrl,
+    this.elapsedMediaTimeSeconds,
+    this.headers,
+  });
+
+  factory AtrUrl.fromJson(String str) => AtrUrl.fromMap(json.decode(str));
+
+  String toJson() => json.encode(toMap());
+
+  factory AtrUrl.fromMap(Map<String, dynamic> json) => AtrUrl(
+    baseUrl: json["baseUrl"],
+    elapsedMediaTimeSeconds: json["elapsedMediaTimeSeconds"],
+    headers: json["headers"] == null ? [] : List<Header>.from(json["headers"]!.map((x) => Header.fromMap(x))),
+  );
+
+  Map<String, dynamic> toMap() => {
+    "baseUrl": baseUrl,
+    "elapsedMediaTimeSeconds": elapsedMediaTimeSeconds,
+    "headers": headers == null ? [] : List<dynamic>.from(headers!.map((x) => x.toMap())),
+  };
+}
+
+class Header {
+  String? headerType;
+
+  Header({
+    this.headerType,
+  });
+
+  factory Header.fromJson(String str) => Header.fromMap(json.decode(str));
+
+  String toJson() => json.encode(toMap());
+
+  factory Header.fromMap(Map<String, dynamic> json) => Header(
+    headerType: json["headerType"],
+  );
+
+  Map<String, dynamic> toMap() => {
+    "headerType": headerType,
+  };
+}
+
+class Url {
+  String? baseUrl;
+  List<Header>? headers;
+
+  Url({
+    this.baseUrl,
+    this.headers,
+  });
+
+  factory Url.fromJson(String str) => Url.fromMap(json.decode(str));
+
+  String toJson() => json.encode(toMap());
+
+  factory Url.fromMap(Map<String, dynamic> json) => Url(
+    baseUrl: json["baseUrl"],
+    headers: json["headers"] == null ? [] : List<Header>.from(json["headers"]!.map((x) => Header.fromMap(x))),
+  );
+
+  Map<String, dynamic> toMap() => {
+    "baseUrl": baseUrl,
+    "headers": headers == null ? [] : List<dynamic>.from(headers!.map((x) => x.toMap())),
+  };
+}
+
+class PlayerConfig {
+  AudioConfig? audioConfig;
+  ExoPlayerConfig? exoPlayerConfig;
+  AdRequestConfig? adRequestConfig;
+  NetworkProtocolConfig? networkProtocolConfig;
+  AndroidNetworkStackConfig? androidNetworkStackConfig;
+  LidarSdkConfig? lidarSdkConfig;
+  AndroidMedialibConfig? androidMedialibConfig;
+  VariableSpeedConfig? variableSpeedConfig;
+  DecodeQualityConfig? decodeQualityConfig;
+  PlayerRestorationConfig? playerRestorationConfig;
+  AndroidPlayerStatsConfig? androidPlayerStatsConfig;
+  RetryConfig? retryConfig;
+  CmsPathProbeConfig? cmsPathProbeConfig;
+  MediaCommonConfig? mediaCommonConfig;
+  TaskCoordinatorConfig? taskCoordinatorConfig;
+
+  PlayerConfig({
+    this.audioConfig,
+    this.exoPlayerConfig,
+    this.adRequestConfig,
+    this.networkProtocolConfig,
+    this.androidNetworkStackConfig,
+    this.lidarSdkConfig,
+    this.androidMedialibConfig,
+    this.variableSpeedConfig,
+    this.decodeQualityConfig,
+    this.playerRestorationConfig,
+    this.androidPlayerStatsConfig,
+    this.retryConfig,
+    this.cmsPathProbeConfig,
+    this.mediaCommonConfig,
+    this.taskCoordinatorConfig,
+  });
+
+  factory PlayerConfig.fromJson(String str) => PlayerConfig.fromMap(json.decode(str));
+
+  String toJson() => json.encode(toMap());
+
+  factory PlayerConfig.fromMap(Map<String, dynamic> json) => PlayerConfig(
+    audioConfig: json["audioConfig"] == null ? null : AudioConfig.fromMap(json["audioConfig"]),
+    exoPlayerConfig: json["exoPlayerConfig"] == null ? null : ExoPlayerConfig.fromMap(json["exoPlayerConfig"]),
+    adRequestConfig: json["adRequestConfig"] == null ? null : AdRequestConfig.fromMap(json["adRequestConfig"]),
+    networkProtocolConfig: json["networkProtocolConfig"] == null ? null : NetworkProtocolConfig.fromMap(json["networkProtocolConfig"]),
+    androidNetworkStackConfig: json["androidNetworkStackConfig"] == null ? null : AndroidNetworkStackConfig.fromMap(json["androidNetworkStackConfig"]),
+    lidarSdkConfig: json["lidarSdkConfig"] == null ? null : LidarSdkConfig.fromMap(json["lidarSdkConfig"]),
+    androidMedialibConfig: json["androidMedialibConfig"] == null ? null : AndroidMedialibConfig.fromMap(json["androidMedialibConfig"]),
+    variableSpeedConfig: json["variableSpeedConfig"] == null ? null : VariableSpeedConfig.fromMap(json["variableSpeedConfig"]),
+    decodeQualityConfig: json["decodeQualityConfig"] == null ? null : DecodeQualityConfig.fromMap(json["decodeQualityConfig"]),
+    playerRestorationConfig: json["playerRestorationConfig"] == null ? null : PlayerRestorationConfig.fromMap(json["playerRestorationConfig"]),
+    androidPlayerStatsConfig: json["androidPlayerStatsConfig"] == null ? null : AndroidPlayerStatsConfig.fromMap(json["androidPlayerStatsConfig"]),
+    retryConfig: json["retryConfig"] == null ? null : RetryConfig.fromMap(json["retryConfig"]),
+    cmsPathProbeConfig: json["cmsPathProbeConfig"] == null ? null : CmsPathProbeConfig.fromMap(json["cmsPathProbeConfig"]),
+    mediaCommonConfig: json["mediaCommonConfig"] == null ? null : MediaCommonConfig.fromMap(json["mediaCommonConfig"]),
+    taskCoordinatorConfig: json["taskCoordinatorConfig"] == null ? null : TaskCoordinatorConfig.fromMap(json["taskCoordinatorConfig"]),
+  );
+
+  Map<String, dynamic> toMap() => {
+    "audioConfig": audioConfig?.toMap(),
+    "exoPlayerConfig": exoPlayerConfig?.toMap(),
+    "adRequestConfig": adRequestConfig?.toMap(),
+    "networkProtocolConfig": networkProtocolConfig?.toMap(),
+    "androidNetworkStackConfig": androidNetworkStackConfig?.toMap(),
+    "lidarSdkConfig": lidarSdkConfig?.toMap(),
+    "androidMedialibConfig": androidMedialibConfig?.toMap(),
+    "variableSpeedConfig": variableSpeedConfig?.toMap(),
+    "decodeQualityConfig": decodeQualityConfig?.toMap(),
+    "playerRestorationConfig": playerRestorationConfig?.toMap(),
+    "androidPlayerStatsConfig": androidPlayerStatsConfig?.toMap(),
+    "retryConfig": retryConfig?.toMap(),
+    "cmsPathProbeConfig": cmsPathProbeConfig?.toMap(),
+    "mediaCommonConfig": mediaCommonConfig?.toMap(),
+    "taskCoordinatorConfig": taskCoordinatorConfig?.toMap(),
+  };
+}
+
+class AdRequestConfig {
+  bool? useCriticalExecOnAdsPrep;
+  bool? userCriticalExecOnAdsProcessing;
+
+  AdRequestConfig({
+    this.useCriticalExecOnAdsPrep,
+    this.userCriticalExecOnAdsProcessing,
+  });
+
+  factory AdRequestConfig.fromJson(String str) => AdRequestConfig.fromMap(json.decode(str));
+
+  String toJson() => json.encode(toMap());
+
+  factory AdRequestConfig.fromMap(Map<String, dynamic> json) => AdRequestConfig(
+    useCriticalExecOnAdsPrep: json["useCriticalExecOnAdsPrep"],
+    userCriticalExecOnAdsProcessing: json["userCriticalExecOnAdsProcessing"],
+  );
+
+  Map<String, dynamic> toMap() => {
+    "useCriticalExecOnAdsPrep": useCriticalExecOnAdsPrep,
+    "userCriticalExecOnAdsProcessing": userCriticalExecOnAdsProcessing,
+  };
+}
+
+class AndroidMedialibConfig {
+  bool? isItag18MainProfile;
+  double? viewportSizeFraction;
+
+  AndroidMedialibConfig({
+    this.isItag18MainProfile,
+    this.viewportSizeFraction,
+  });
+
+  factory AndroidMedialibConfig.fromJson(String str) => AndroidMedialibConfig.fromMap(json.decode(str));
+
+  String toJson() => json.encode(toMap());
+
+  factory AndroidMedialibConfig.fromMap(Map<String, dynamic> json) => AndroidMedialibConfig(
+    isItag18MainProfile: json["isItag18MainProfile"],
+    viewportSizeFraction: json["viewportSizeFraction"]?.toDouble(),
+  );
+
+  Map<String, dynamic> toMap() => {
+    "isItag18MainProfile": isItag18MainProfile,
+    "viewportSizeFraction": viewportSizeFraction,
+  };
+}
+
+class AndroidNetworkStackConfig {
+  String? networkStack;
+  AndroidMetadataNetworkConfig? androidMetadataNetworkConfig;
+
+  AndroidNetworkStackConfig({
+    this.networkStack,
+    this.androidMetadataNetworkConfig,
+  });
+
+  factory AndroidNetworkStackConfig.fromJson(String str) => AndroidNetworkStackConfig.fromMap(json.decode(str));
+
+  String toJson() => json.encode(toMap());
+
+  factory AndroidNetworkStackConfig.fromMap(Map<String, dynamic> json) => AndroidNetworkStackConfig(
+    networkStack: json["networkStack"],
+    androidMetadataNetworkConfig: json["androidMetadataNetworkConfig"] == null ? null : AndroidMetadataNetworkConfig.fromMap(json["androidMetadataNetworkConfig"]),
+  );
+
+  Map<String, dynamic> toMap() => {
+    "networkStack": networkStack,
+    "androidMetadataNetworkConfig": androidMetadataNetworkConfig?.toMap(),
+  };
+}
+
+class AndroidMetadataNetworkConfig {
+  bool? coalesceRequests;
+
+  AndroidMetadataNetworkConfig({
+    this.coalesceRequests,
+  });
+
+  factory AndroidMetadataNetworkConfig.fromJson(String str) => AndroidMetadataNetworkConfig.fromMap(json.decode(str));
+
+  String toJson() => json.encode(toMap());
+
+  factory AndroidMetadataNetworkConfig.fromMap(Map<String, dynamic> json) => AndroidMetadataNetworkConfig(
+    coalesceRequests: json["coalesceRequests"],
+  );
+
+  Map<String, dynamic> toMap() => {
+    "coalesceRequests": coalesceRequests,
+  };
+}
+
+class AndroidPlayerStatsConfig {
+  bool? usePblForAttestationReporting;
+  bool? usePblForHeartbeatReporting;
+  bool? usePblForPlaybacktrackingReporting;
+  bool? usePblForQoeReporting;
+  bool? changeCpnOnFatalPlaybackError;
+
+  AndroidPlayerStatsConfig({
+    this.usePblForAttestationReporting,
+    this.usePblForHeartbeatReporting,
+    this.usePblForPlaybacktrackingReporting,
+    this.usePblForQoeReporting,
+    this.changeCpnOnFatalPlaybackError,
+  });
+
+  factory AndroidPlayerStatsConfig.fromJson(String str) => AndroidPlayerStatsConfig.fromMap(json.decode(str));
+
+  String toJson() => json.encode(toMap());
+
+  factory AndroidPlayerStatsConfig.fromMap(Map<String, dynamic> json) => AndroidPlayerStatsConfig(
+    usePblForAttestationReporting: json["usePblForAttestationReporting"],
+    usePblForHeartbeatReporting: json["usePblForHeartbeatReporting"],
+    usePblForPlaybacktrackingReporting: json["usePblForPlaybacktrackingReporting"],
+    usePblForQoeReporting: json["usePblForQoeReporting"],
+    changeCpnOnFatalPlaybackError: json["changeCpnOnFatalPlaybackError"],
+  );
+
+  Map<String, dynamic> toMap() => {
+    "usePblForAttestationReporting": usePblForAttestationReporting,
+    "usePblForHeartbeatReporting": usePblForHeartbeatReporting,
+    "usePblForPlaybacktrackingReporting": usePblForPlaybacktrackingReporting,
+    "usePblForQoeReporting": usePblForQoeReporting,
+    "changeCpnOnFatalPlaybackError": changeCpnOnFatalPlaybackError,
+  };
+}
+
+class AudioConfig {
+  double? loudnessDb;
+  double? perceptualLoudnessDb;
+  bool? playAudioOnly;
+  bool? enablePerFormatLoudness;
+
+  AudioConfig({
+    this.loudnessDb,
+    this.perceptualLoudnessDb,
+    this.playAudioOnly,
+    this.enablePerFormatLoudness,
+  });
+
+  factory AudioConfig.fromJson(String str) => AudioConfig.fromMap(json.decode(str));
+
+  String toJson() => json.encode(toMap());
+
+  factory AudioConfig.fromMap(Map<String, dynamic> json) => AudioConfig(
+    loudnessDb: json["loudnessDb"]?.toDouble(),
+    perceptualLoudnessDb: json["perceptualLoudnessDb"]?.toDouble(),
+    playAudioOnly: json["playAudioOnly"],
+    enablePerFormatLoudness: json["enablePerFormatLoudness"],
+  );
+
+  Map<String, dynamic> toMap() => {
+    "loudnessDb": loudnessDb,
+    "perceptualLoudnessDb": perceptualLoudnessDb,
+    "playAudioOnly": playAudioOnly,
+    "enablePerFormatLoudness": enablePerFormatLoudness,
+  };
+}
+
+class CmsPathProbeConfig {
+  int? cmsPathProbeDelayMs;
+
+  CmsPathProbeConfig({
+    this.cmsPathProbeDelayMs,
+  });
+
+  factory CmsPathProbeConfig.fromJson(String str) => CmsPathProbeConfig.fromMap(json.decode(str));
+
+  String toJson() => json.encode(toMap());
+
+  factory CmsPathProbeConfig.fromMap(Map<String, dynamic> json) => CmsPathProbeConfig(
+    cmsPathProbeDelayMs: json["cmsPathProbeDelayMs"],
+  );
+
+  Map<String, dynamic> toMap() => {
+    "cmsPathProbeDelayMs": cmsPathProbeDelayMs,
+  };
+}
+
+class DecodeQualityConfig {
+  int? maximumVideoDecodeVerticalResolution;
+
+  DecodeQualityConfig({
+    this.maximumVideoDecodeVerticalResolution,
+  });
+
+  factory DecodeQualityConfig.fromJson(String str) => DecodeQualityConfig.fromMap(json.decode(str));
+
+  String toJson() => json.encode(toMap());
+
+  factory DecodeQualityConfig.fromMap(Map<String, dynamic> json) => DecodeQualityConfig(
+    maximumVideoDecodeVerticalResolution: json["maximumVideoDecodeVerticalResolution"],
+  );
+
+  Map<String, dynamic> toMap() => {
+    "maximumVideoDecodeVerticalResolution": maximumVideoDecodeVerticalResolution,
+  };
+}
+
+class ExoPlayerConfig {
+  bool? useExoPlayer;
+  bool? useAdaptiveBitrate;
+  int? maxInitialByteRate;
+  int? minDurationForQualityIncreaseMs;
+  int? maxDurationForQualityDecreaseMs;
+  int? minDurationToRetainAfterDiscardMs;
+  int? lowWatermarkMs;
+  int? highWatermarkMs;
+  double? lowPoolLoad;
+  double? highPoolLoad;
+  double? sufficientBandwidthOverhead;
+  int? bufferChunkSizeKb;
+  int? httpConnectTimeoutMs;
+  int? httpReadTimeoutMs;
+  int? numAudioSegmentsPerFetch;
+  int? numVideoSegmentsPerFetch;
+  int? minDurationForPlaybackStartMs;
+  bool? enableExoplayerReuse;
+  bool? useRadioTypeForInitialQualitySelection;
+  bool? blacklistFormatOnError;
+  bool? enableBandaidHttpDataSource;
+  int? httpLoadTimeoutMs;
+  bool? canPlayHdDrm;
+  int? videoBufferSegmentCount;
+  int? audioBufferSegmentCount;
+  bool? useAbruptSplicing;
+  int? minRetryCount;
+  int? minChunksNeededToPreferOffline;
+  int? secondsToMaxAggressiveness;
+  bool? enableSurfaceviewResizeWorkaround;
+  bool? enableVp9IfThresholdsPass;
+  bool? matchQualityToViewportOnUnfullscreen;
+  List<String>? lowAudioQualityConnTypes;
+  bool? useDashForLiveStreams;
+  bool? enableLibvpxVideoTrackRenderer;
+  int? lowAudioQualityBandwidthThresholdBps;
+  bool? enableVariableSpeedPlayback;
+  bool? preferOnesieBufferedFormat;
+  int? minimumBandwidthSampleBytes;
+  bool? useDashForOtfAndCompletedLiveStreams;
+  bool? disableCacheAwareVideoFormatEvaluation;
+  bool? useLiveDvrForDashLiveStreams;
+  bool? cronetResetTimeoutOnRedirects;
+  bool? emitVideoDecoderChangeEvents;
+  String? onesieVideoBufferLoadTimeoutMs;
+  String? onesieVideoBufferReadTimeoutMs;
+  bool? libvpxEnableGl;
+  bool? enableVp9EncryptedIfThresholdsPass;
+  bool? enableOpus;
+  bool? usePredictedBuffer;
+  int? maxReadAheadMediaTimeMs;
+  bool? useMediaTimeCappedLoadControl;
+  int? allowCacheOverrideToLowerQualitiesWithinRange;
+  bool? allowDroppingUndecodedFrames;
+  int? minDurationForPlaybackRestartMs;
+  String? serverProvidedBandwidthHeader;
+  String? liveOnlyPegStrategy;
+  bool? enableRedirectorHostFallback;
+  bool? enableHighlyAvailableFormatFallbackOnPcr;
+  bool? recordTrackRendererTimingEvents;
+  int? minErrorsForRedirectorHostFallback;
+  List<String>? nonHardwareMediaCodecNames;
+  bool? enableVp9IfInHardware;
+  bool? enableVp9EncryptedIfInHardware;
+  bool? useOpusMedAsLowQualityAudio;
+  int? minErrorsForPcrFallback;
+  bool? useStickyRedirectHttpDataSource;
+  bool? onlyVideoBandwidth;
+  bool? useRedirectorOnNetworkChange;
+  bool? enableMaxReadaheadAbrThreshold;
+  bool? cacheCheckDirectoryWritabilityOnce;
+  String? predictorType;
+  double? slidingPercentile;
+  int? slidingWindowSize;
+  int? maxFrameDropIntervalMs;
+  bool? ignoreLoadTimeoutForFallback;
+  int? serverBweMultiplier;
+  int? drmMaxKeyfetchDelayMs;
+  int? maxResolutionForWhiteNoise;
+  String? whiteNoiseRenderEffectMode;
+  bool? enableLibvpxHdr;
+  bool? enableCacheAwareStreamSelection;
+  bool? useExoCronetDataSource;
+  int? whiteNoiseScale;
+  int? whiteNoiseOffset;
+  bool? preventVideoFrameLaggingWithLibvpx;
+  bool? enableMediaCodecHdr;
+  bool? enableMediaCodecSwHdr;
+  int? liveOnlyWindowChunks;
+  List<int>? bearerMinDurationToRetainAfterDiscardMs;
+  bool? forceWidevineL3;
+  bool? useAverageBitrate;
+  bool? useMedialibAudioTrackRendererForLive;
+  bool? useExoPlayerV2;
+  bool? logMediaRequestEventsToCsi;
+  bool? onesieFixNonZeroStartTimeFormatSelection;
+  int? liveOnlyReadaheadStepSizeChunks;
+  int? liveOnlyBufferHealthHalfLifeSeconds;
+  double? liveOnlyMinBufferHealthRatio;
+  int? liveOnlyMinLatencyToSeekRatio;
+  String? manifestlessPartialChunkStrategy;
+  bool? ignoreViewportSizeWhenSticky;
+  bool? enableLibvpxFallback;
+  bool? disableLibvpxLoopFilter;
+  bool? enableVpxMediaView;
+  int? hdrMinScreenBrightness;
+  int? hdrMaxScreenBrightnessThreshold;
+  bool? onesieDataSourceAboveCacheDataSource;
+  int? httpNonplayerLoadTimeoutMs;
+  String? numVideoSegmentsPerFetchStrategy;
+  int? maxVideoDurationPerFetchMs;
+  int? maxVideoEstimatedLoadDurationMs;
+  int? estimatedServerClockHalfLife;
+  bool? estimatedServerClockStrictOffset;
+  int? minReadAheadMediaTimeMs;
+  int? readAheadGrowthRate;
+  bool? useDynamicReadAhead;
+  bool? useYtVodMediaSourceForV2;
+  bool? enableV2Gapless;
+  bool? useLiveHeadTimeMillis;
+  bool? allowTrackSelectionWithUpdatedVideoItagsForExoV2;
+  int? maxAllowableTimeBeforeMediaTimeUpdateSec;
+  bool? enableDynamicHdr;
+  bool? v2PerformEarlyStreamSelection;
+  bool? v2UsePlaybackStreamSelectionResult;
+  int? v2MinTimeBetweenAbrReevaluationMs;
+  bool? avoidReusePlaybackAcrossLoadvideos;
+  bool? enableInfiniteNetworkLoadingRetries;
+  bool? reportExoPlayerStateOnTransition;
+  String? manifestlessSequenceMethod;
+  bool? useLiveHeadWindow;
+  bool? enableDynamicHdrInHardware;
+  int? ultralowAudioQualityBandwidthThresholdBps;
+  bool? retryLiveNetNocontentWithDelay;
+  bool? ignoreUnneededSeeksToLiveHead;
+  double? drmMetricsQoeLoggingFraction;
+  int? liveNetNocontentMaximumErrors;
+  int? slidingPercentileScalar;
+  int? minAdaptiveVideoQuality;
+  int? platypusBackBufferDurationMs;
+
+  ExoPlayerConfig({
+    this.useExoPlayer,
+    this.useAdaptiveBitrate,
+    this.maxInitialByteRate,
+    this.minDurationForQualityIncreaseMs,
+    this.maxDurationForQualityDecreaseMs,
+    this.minDurationToRetainAfterDiscardMs,
+    this.lowWatermarkMs,
+    this.highWatermarkMs,
+    this.lowPoolLoad,
+    this.highPoolLoad,
+    this.sufficientBandwidthOverhead,
+    this.bufferChunkSizeKb,
+    this.httpConnectTimeoutMs,
+    this.httpReadTimeoutMs,
+    this.numAudioSegmentsPerFetch,
+    this.numVideoSegmentsPerFetch,
+    this.minDurationForPlaybackStartMs,
+    this.enableExoplayerReuse,
+    this.useRadioTypeForInitialQualitySelection,
+    this.blacklistFormatOnError,
+    this.enableBandaidHttpDataSource,
+    this.httpLoadTimeoutMs,
+    this.canPlayHdDrm,
+    this.videoBufferSegmentCount,
+    this.audioBufferSegmentCount,
+    this.useAbruptSplicing,
+    this.minRetryCount,
+    this.minChunksNeededToPreferOffline,
+    this.secondsToMaxAggressiveness,
+    this.enableSurfaceviewResizeWorkaround,
+    this.enableVp9IfThresholdsPass,
+    this.matchQualityToViewportOnUnfullscreen,
+    this.lowAudioQualityConnTypes,
+    this.useDashForLiveStreams,
+    this.enableLibvpxVideoTrackRenderer,
+    this.lowAudioQualityBandwidthThresholdBps,
+    this.enableVariableSpeedPlayback,
+    this.preferOnesieBufferedFormat,
+    this.minimumBandwidthSampleBytes,
+    this.useDashForOtfAndCompletedLiveStreams,
+    this.disableCacheAwareVideoFormatEvaluation,
+    this.useLiveDvrForDashLiveStreams,
+    this.cronetResetTimeoutOnRedirects,
+    this.emitVideoDecoderChangeEvents,
+    this.onesieVideoBufferLoadTimeoutMs,
+    this.onesieVideoBufferReadTimeoutMs,
+    this.libvpxEnableGl,
+    this.enableVp9EncryptedIfThresholdsPass,
+    this.enableOpus,
+    this.usePredictedBuffer,
+    this.maxReadAheadMediaTimeMs,
+    this.useMediaTimeCappedLoadControl,
+    this.allowCacheOverrideToLowerQualitiesWithinRange,
+    this.allowDroppingUndecodedFrames,
+    this.minDurationForPlaybackRestartMs,
+    this.serverProvidedBandwidthHeader,
+    this.liveOnlyPegStrategy,
+    this.enableRedirectorHostFallback,
+    this.enableHighlyAvailableFormatFallbackOnPcr,
+    this.recordTrackRendererTimingEvents,
+    this.minErrorsForRedirectorHostFallback,
+    this.nonHardwareMediaCodecNames,
+    this.enableVp9IfInHardware,
+    this.enableVp9EncryptedIfInHardware,
+    this.useOpusMedAsLowQualityAudio,
+    this.minErrorsForPcrFallback,
+    this.useStickyRedirectHttpDataSource,
+    this.onlyVideoBandwidth,
+    this.useRedirectorOnNetworkChange,
+    this.enableMaxReadaheadAbrThreshold,
+    this.cacheCheckDirectoryWritabilityOnce,
+    this.predictorType,
+    this.slidingPercentile,
+    this.slidingWindowSize,
+    this.maxFrameDropIntervalMs,
+    this.ignoreLoadTimeoutForFallback,
+    this.serverBweMultiplier,
+    this.drmMaxKeyfetchDelayMs,
+    this.maxResolutionForWhiteNoise,
+    this.whiteNoiseRenderEffectMode,
+    this.enableLibvpxHdr,
+    this.enableCacheAwareStreamSelection,
+    this.useExoCronetDataSource,
+    this.whiteNoiseScale,
+    this.whiteNoiseOffset,
+    this.preventVideoFrameLaggingWithLibvpx,
+    this.enableMediaCodecHdr,
+    this.enableMediaCodecSwHdr,
+    this.liveOnlyWindowChunks,
+    this.bearerMinDurationToRetainAfterDiscardMs,
+    this.forceWidevineL3,
+    this.useAverageBitrate,
+    this.useMedialibAudioTrackRendererForLive,
+    this.useExoPlayerV2,
+    this.logMediaRequestEventsToCsi,
+    this.onesieFixNonZeroStartTimeFormatSelection,
+    this.liveOnlyReadaheadStepSizeChunks,
+    this.liveOnlyBufferHealthHalfLifeSeconds,
+    this.liveOnlyMinBufferHealthRatio,
+    this.liveOnlyMinLatencyToSeekRatio,
+    this.manifestlessPartialChunkStrategy,
+    this.ignoreViewportSizeWhenSticky,
+    this.enableLibvpxFallback,
+    this.disableLibvpxLoopFilter,
+    this.enableVpxMediaView,
+    this.hdrMinScreenBrightness,
+    this.hdrMaxScreenBrightnessThreshold,
+    this.onesieDataSourceAboveCacheDataSource,
+    this.httpNonplayerLoadTimeoutMs,
+    this.numVideoSegmentsPerFetchStrategy,
+    this.maxVideoDurationPerFetchMs,
+    this.maxVideoEstimatedLoadDurationMs,
+    this.estimatedServerClockHalfLife,
+    this.estimatedServerClockStrictOffset,
+    this.minReadAheadMediaTimeMs,
+    this.readAheadGrowthRate,
+    this.useDynamicReadAhead,
+    this.useYtVodMediaSourceForV2,
+    this.enableV2Gapless,
+    this.useLiveHeadTimeMillis,
+    this.allowTrackSelectionWithUpdatedVideoItagsForExoV2,
+    this.maxAllowableTimeBeforeMediaTimeUpdateSec,
+    this.enableDynamicHdr,
+    this.v2PerformEarlyStreamSelection,
+    this.v2UsePlaybackStreamSelectionResult,
+    this.v2MinTimeBetweenAbrReevaluationMs,
+    this.avoidReusePlaybackAcrossLoadvideos,
+    this.enableInfiniteNetworkLoadingRetries,
+    this.reportExoPlayerStateOnTransition,
+    this.manifestlessSequenceMethod,
+    this.useLiveHeadWindow,
+    this.enableDynamicHdrInHardware,
+    this.ultralowAudioQualityBandwidthThresholdBps,
+    this.retryLiveNetNocontentWithDelay,
+    this.ignoreUnneededSeeksToLiveHead,
+    this.drmMetricsQoeLoggingFraction,
+    this.liveNetNocontentMaximumErrors,
+    this.slidingPercentileScalar,
+    this.minAdaptiveVideoQuality,
+    this.platypusBackBufferDurationMs,
+  });
+
+  factory ExoPlayerConfig.fromJson(String str) => ExoPlayerConfig.fromMap(json.decode(str));
+
+  String toJson() => json.encode(toMap());
+
+  factory ExoPlayerConfig.fromMap(Map<String, dynamic> json) => ExoPlayerConfig(
+    useExoPlayer: json["useExoPlayer"],
+    useAdaptiveBitrate: json["useAdaptiveBitrate"],
+    maxInitialByteRate: json["maxInitialByteRate"],
+    minDurationForQualityIncreaseMs: json["minDurationForQualityIncreaseMs"],
+    maxDurationForQualityDecreaseMs: json["maxDurationForQualityDecreaseMs"],
+    minDurationToRetainAfterDiscardMs: json["minDurationToRetainAfterDiscardMs"],
+    lowWatermarkMs: json["lowWatermarkMs"],
+    highWatermarkMs: json["highWatermarkMs"],
+    lowPoolLoad: json["lowPoolLoad"]?.toDouble(),
+    highPoolLoad: json["highPoolLoad"]?.toDouble(),
+    sufficientBandwidthOverhead: json["sufficientBandwidthOverhead"]?.toDouble(),
+    bufferChunkSizeKb: json["bufferChunkSizeKb"],
+    httpConnectTimeoutMs: json["httpConnectTimeoutMs"],
+    httpReadTimeoutMs: json["httpReadTimeoutMs"],
+    numAudioSegmentsPerFetch: json["numAudioSegmentsPerFetch"],
+    numVideoSegmentsPerFetch: json["numVideoSegmentsPerFetch"],
+    minDurationForPlaybackStartMs: json["minDurationForPlaybackStartMs"],
+    enableExoplayerReuse: json["enableExoplayerReuse"],
+    useRadioTypeForInitialQualitySelection: json["useRadioTypeForInitialQualitySelection"],
+    blacklistFormatOnError: json["blacklistFormatOnError"],
+    enableBandaidHttpDataSource: json["enableBandaidHttpDataSource"],
+    httpLoadTimeoutMs: json["httpLoadTimeoutMs"],
+    canPlayHdDrm: json["canPlayHdDrm"],
+    videoBufferSegmentCount: json["videoBufferSegmentCount"],
+    audioBufferSegmentCount: json["audioBufferSegmentCount"],
+    useAbruptSplicing: json["useAbruptSplicing"],
+    minRetryCount: json["minRetryCount"],
+    minChunksNeededToPreferOffline: json["minChunksNeededToPreferOffline"],
+    secondsToMaxAggressiveness: json["secondsToMaxAggressiveness"],
+    enableSurfaceviewResizeWorkaround: json["enableSurfaceviewResizeWorkaround"],
+    enableVp9IfThresholdsPass: json["enableVp9IfThresholdsPass"],
+    matchQualityToViewportOnUnfullscreen: json["matchQualityToViewportOnUnfullscreen"],
+    lowAudioQualityConnTypes: json["lowAudioQualityConnTypes"] == null ? [] : List<String>.from(json["lowAudioQualityConnTypes"]!.map((x) => x)),
+    useDashForLiveStreams: json["useDashForLiveStreams"],
+    enableLibvpxVideoTrackRenderer: json["enableLibvpxVideoTrackRenderer"],
+    lowAudioQualityBandwidthThresholdBps: json["lowAudioQualityBandwidthThresholdBps"],
+    enableVariableSpeedPlayback: json["enableVariableSpeedPlayback"],
+    preferOnesieBufferedFormat: json["preferOnesieBufferedFormat"],
+    minimumBandwidthSampleBytes: json["minimumBandwidthSampleBytes"],
+    useDashForOtfAndCompletedLiveStreams: json["useDashForOtfAndCompletedLiveStreams"],
+    disableCacheAwareVideoFormatEvaluation: json["disableCacheAwareVideoFormatEvaluation"],
+    useLiveDvrForDashLiveStreams: json["useLiveDvrForDashLiveStreams"],
+    cronetResetTimeoutOnRedirects: json["cronetResetTimeoutOnRedirects"],
+    emitVideoDecoderChangeEvents: json["emitVideoDecoderChangeEvents"],
+    onesieVideoBufferLoadTimeoutMs: json["onesieVideoBufferLoadTimeoutMs"],
+    onesieVideoBufferReadTimeoutMs: json["onesieVideoBufferReadTimeoutMs"],
+    libvpxEnableGl: json["libvpxEnableGl"],
+    enableVp9EncryptedIfThresholdsPass: json["enableVp9EncryptedIfThresholdsPass"],
+    enableOpus: json["enableOpus"],
+    usePredictedBuffer: json["usePredictedBuffer"],
+    maxReadAheadMediaTimeMs: json["maxReadAheadMediaTimeMs"],
+    useMediaTimeCappedLoadControl: json["useMediaTimeCappedLoadControl"],
+    allowCacheOverrideToLowerQualitiesWithinRange: json["allowCacheOverrideToLowerQualitiesWithinRange"],
+    allowDroppingUndecodedFrames: json["allowDroppingUndecodedFrames"],
+    minDurationForPlaybackRestartMs: json["minDurationForPlaybackRestartMs"],
+    serverProvidedBandwidthHeader: json["serverProvidedBandwidthHeader"],
+    liveOnlyPegStrategy: json["liveOnlyPegStrategy"],
+    enableRedirectorHostFallback: json["enableRedirectorHostFallback"],
+    enableHighlyAvailableFormatFallbackOnPcr: json["enableHighlyAvailableFormatFallbackOnPcr"],
+    recordTrackRendererTimingEvents: json["recordTrackRendererTimingEvents"],
+    minErrorsForRedirectorHostFallback: json["minErrorsForRedirectorHostFallback"],
+    nonHardwareMediaCodecNames: json["nonHardwareMediaCodecNames"] == null ? [] : List<String>.from(json["nonHardwareMediaCodecNames"]!.map((x) => x)),
+    enableVp9IfInHardware: json["enableVp9IfInHardware"],
+    enableVp9EncryptedIfInHardware: json["enableVp9EncryptedIfInHardware"],
+    useOpusMedAsLowQualityAudio: json["useOpusMedAsLowQualityAudio"],
+    minErrorsForPcrFallback: json["minErrorsForPcrFallback"],
+    useStickyRedirectHttpDataSource: json["useStickyRedirectHttpDataSource"],
+    onlyVideoBandwidth: json["onlyVideoBandwidth"],
+    useRedirectorOnNetworkChange: json["useRedirectorOnNetworkChange"],
+    enableMaxReadaheadAbrThreshold: json["enableMaxReadaheadAbrThreshold"],
+    cacheCheckDirectoryWritabilityOnce: json["cacheCheckDirectoryWritabilityOnce"],
+    predictorType: json["predictorType"],
+    slidingPercentile: json["slidingPercentile"]?.toDouble(),
+    slidingWindowSize: json["slidingWindowSize"],
+    maxFrameDropIntervalMs: json["maxFrameDropIntervalMs"],
+    ignoreLoadTimeoutForFallback: json["ignoreLoadTimeoutForFallback"],
+    serverBweMultiplier: json["serverBweMultiplier"],
+    drmMaxKeyfetchDelayMs: json["drmMaxKeyfetchDelayMs"],
+    maxResolutionForWhiteNoise: json["maxResolutionForWhiteNoise"],
+    whiteNoiseRenderEffectMode: json["whiteNoiseRenderEffectMode"],
+    enableLibvpxHdr: json["enableLibvpxHdr"],
+    enableCacheAwareStreamSelection: json["enableCacheAwareStreamSelection"],
+    useExoCronetDataSource: json["useExoCronetDataSource"],
+    whiteNoiseScale: json["whiteNoiseScale"],
+    whiteNoiseOffset: json["whiteNoiseOffset"],
+    preventVideoFrameLaggingWithLibvpx: json["preventVideoFrameLaggingWithLibvpx"],
+    enableMediaCodecHdr: json["enableMediaCodecHdr"],
+    enableMediaCodecSwHdr: json["enableMediaCodecSwHdr"],
+    liveOnlyWindowChunks: json["liveOnlyWindowChunks"],
+    bearerMinDurationToRetainAfterDiscardMs: json["bearerMinDurationToRetainAfterDiscardMs"] == null ? [] : List<int>.from(json["bearerMinDurationToRetainAfterDiscardMs"]!.map((x) => x)),
+    forceWidevineL3: json["forceWidevineL3"],
+    useAverageBitrate: json["useAverageBitrate"],
+    useMedialibAudioTrackRendererForLive: json["useMedialibAudioTrackRendererForLive"],
+    useExoPlayerV2: json["useExoPlayerV2"],
+    logMediaRequestEventsToCsi: json["logMediaRequestEventsToCsi"],
+    onesieFixNonZeroStartTimeFormatSelection: json["onesieFixNonZeroStartTimeFormatSelection"],
+    liveOnlyReadaheadStepSizeChunks: json["liveOnlyReadaheadStepSizeChunks"],
+    liveOnlyBufferHealthHalfLifeSeconds: json["liveOnlyBufferHealthHalfLifeSeconds"],
+    liveOnlyMinBufferHealthRatio: json["liveOnlyMinBufferHealthRatio"]?.toDouble(),
+    liveOnlyMinLatencyToSeekRatio: json["liveOnlyMinLatencyToSeekRatio"],
+    manifestlessPartialChunkStrategy: json["manifestlessPartialChunkStrategy"],
+    ignoreViewportSizeWhenSticky: json["ignoreViewportSizeWhenSticky"],
+    enableLibvpxFallback: json["enableLibvpxFallback"],
+    disableLibvpxLoopFilter: json["disableLibvpxLoopFilter"],
+    enableVpxMediaView: json["enableVpxMediaView"],
+    hdrMinScreenBrightness: json["hdrMinScreenBrightness"],
+    hdrMaxScreenBrightnessThreshold: json["hdrMaxScreenBrightnessThreshold"],
+    onesieDataSourceAboveCacheDataSource: json["onesieDataSourceAboveCacheDataSource"],
+    httpNonplayerLoadTimeoutMs: json["httpNonplayerLoadTimeoutMs"],
+    numVideoSegmentsPerFetchStrategy: json["numVideoSegmentsPerFetchStrategy"],
+    maxVideoDurationPerFetchMs: json["maxVideoDurationPerFetchMs"],
+    maxVideoEstimatedLoadDurationMs: json["maxVideoEstimatedLoadDurationMs"],
+    estimatedServerClockHalfLife: json["estimatedServerClockHalfLife"],
+    estimatedServerClockStrictOffset: json["estimatedServerClockStrictOffset"],
+    minReadAheadMediaTimeMs: json["minReadAheadMediaTimeMs"],
+    readAheadGrowthRate: json["readAheadGrowthRate"],
+    useDynamicReadAhead: json["useDynamicReadAhead"],
+    useYtVodMediaSourceForV2: json["useYtVodMediaSourceForV2"],
+    enableV2Gapless: json["enableV2Gapless"],
+    useLiveHeadTimeMillis: json["useLiveHeadTimeMillis"],
+    allowTrackSelectionWithUpdatedVideoItagsForExoV2: json["allowTrackSelectionWithUpdatedVideoItagsForExoV2"],
+    maxAllowableTimeBeforeMediaTimeUpdateSec: json["maxAllowableTimeBeforeMediaTimeUpdateSec"],
+    enableDynamicHdr: json["enableDynamicHdr"],
+    v2PerformEarlyStreamSelection: json["v2PerformEarlyStreamSelection"],
+    v2UsePlaybackStreamSelectionResult: json["v2UsePlaybackStreamSelectionResult"],
+    v2MinTimeBetweenAbrReevaluationMs: json["v2MinTimeBetweenAbrReevaluationMs"],
+    avoidReusePlaybackAcrossLoadvideos: json["avoidReusePlaybackAcrossLoadvideos"],
+    enableInfiniteNetworkLoadingRetries: json["enableInfiniteNetworkLoadingRetries"],
+    reportExoPlayerStateOnTransition: json["reportExoPlayerStateOnTransition"],
+    manifestlessSequenceMethod: json["manifestlessSequenceMethod"],
+    useLiveHeadWindow: json["useLiveHeadWindow"],
+    enableDynamicHdrInHardware: json["enableDynamicHdrInHardware"],
+    ultralowAudioQualityBandwidthThresholdBps: json["ultralowAudioQualityBandwidthThresholdBps"],
+    retryLiveNetNocontentWithDelay: json["retryLiveNetNocontentWithDelay"],
+    ignoreUnneededSeeksToLiveHead: json["ignoreUnneededSeeksToLiveHead"],
+    drmMetricsQoeLoggingFraction: json["drmMetricsQoeLoggingFraction"]?.toDouble(),
+    liveNetNocontentMaximumErrors: json["liveNetNocontentMaximumErrors"],
+    slidingPercentileScalar: json["slidingPercentileScalar"],
+    minAdaptiveVideoQuality: json["minAdaptiveVideoQuality"],
+    platypusBackBufferDurationMs: json["platypusBackBufferDurationMs"],
+  );
+
+  Map<String, dynamic> toMap() => {
+    "useExoPlayer": useExoPlayer,
+    "useAdaptiveBitrate": useAdaptiveBitrate,
+    "maxInitialByteRate": maxInitialByteRate,
+    "minDurationForQualityIncreaseMs": minDurationForQualityIncreaseMs,
+    "maxDurationForQualityDecreaseMs": maxDurationForQualityDecreaseMs,
+    "minDurationToRetainAfterDiscardMs": minDurationToRetainAfterDiscardMs,
+    "lowWatermarkMs": lowWatermarkMs,
+    "highWatermarkMs": highWatermarkMs,
+    "lowPoolLoad": lowPoolLoad,
+    "highPoolLoad": highPoolLoad,
+    "sufficientBandwidthOverhead": sufficientBandwidthOverhead,
+    "bufferChunkSizeKb": bufferChunkSizeKb,
+    "httpConnectTimeoutMs": httpConnectTimeoutMs,
+    "httpReadTimeoutMs": httpReadTimeoutMs,
+    "numAudioSegmentsPerFetch": numAudioSegmentsPerFetch,
+    "numVideoSegmentsPerFetch": numVideoSegmentsPerFetch,
+    "minDurationForPlaybackStartMs": minDurationForPlaybackStartMs,
+    "enableExoplayerReuse": enableExoplayerReuse,
+    "useRadioTypeForInitialQualitySelection": useRadioTypeForInitialQualitySelection,
+    "blacklistFormatOnError": blacklistFormatOnError,
+    "enableBandaidHttpDataSource": enableBandaidHttpDataSource,
+    "httpLoadTimeoutMs": httpLoadTimeoutMs,
+    "canPlayHdDrm": canPlayHdDrm,
+    "videoBufferSegmentCount": videoBufferSegmentCount,
+    "audioBufferSegmentCount": audioBufferSegmentCount,
+    "useAbruptSplicing": useAbruptSplicing,
+    "minRetryCount": minRetryCount,
+    "minChunksNeededToPreferOffline": minChunksNeededToPreferOffline,
+    "secondsToMaxAggressiveness": secondsToMaxAggressiveness,
+    "enableSurfaceviewResizeWorkaround": enableSurfaceviewResizeWorkaround,
+    "enableVp9IfThresholdsPass": enableVp9IfThresholdsPass,
+    "matchQualityToViewportOnUnfullscreen": matchQualityToViewportOnUnfullscreen,
+    "lowAudioQualityConnTypes": lowAudioQualityConnTypes == null ? [] : List<dynamic>.from(lowAudioQualityConnTypes!.map((x) => x)),
+    "useDashForLiveStreams": useDashForLiveStreams,
+    "enableLibvpxVideoTrackRenderer": enableLibvpxVideoTrackRenderer,
+    "lowAudioQualityBandwidthThresholdBps": lowAudioQualityBandwidthThresholdBps,
+    "enableVariableSpeedPlayback": enableVariableSpeedPlayback,
+    "preferOnesieBufferedFormat": preferOnesieBufferedFormat,
+    "minimumBandwidthSampleBytes": minimumBandwidthSampleBytes,
+    "useDashForOtfAndCompletedLiveStreams": useDashForOtfAndCompletedLiveStreams,
+    "disableCacheAwareVideoFormatEvaluation": disableCacheAwareVideoFormatEvaluation,
+    "useLiveDvrForDashLiveStreams": useLiveDvrForDashLiveStreams,
+    "cronetResetTimeoutOnRedirects": cronetResetTimeoutOnRedirects,
+    "emitVideoDecoderChangeEvents": emitVideoDecoderChangeEvents,
+    "onesieVideoBufferLoadTimeoutMs": onesieVideoBufferLoadTimeoutMs,
+    "onesieVideoBufferReadTimeoutMs": onesieVideoBufferReadTimeoutMs,
+    "libvpxEnableGl": libvpxEnableGl,
+    "enableVp9EncryptedIfThresholdsPass": enableVp9EncryptedIfThresholdsPass,
+    "enableOpus": enableOpus,
+    "usePredictedBuffer": usePredictedBuffer,
+    "maxReadAheadMediaTimeMs": maxReadAheadMediaTimeMs,
+    "useMediaTimeCappedLoadControl": useMediaTimeCappedLoadControl,
+    "allowCacheOverrideToLowerQualitiesWithinRange": allowCacheOverrideToLowerQualitiesWithinRange,
+    "allowDroppingUndecodedFrames": allowDroppingUndecodedFrames,
+    "minDurationForPlaybackRestartMs": minDurationForPlaybackRestartMs,
+    "serverProvidedBandwidthHeader": serverProvidedBandwidthHeader,
+    "liveOnlyPegStrategy": liveOnlyPegStrategy,
+    "enableRedirectorHostFallback": enableRedirectorHostFallback,
+    "enableHighlyAvailableFormatFallbackOnPcr": enableHighlyAvailableFormatFallbackOnPcr,
+    "recordTrackRendererTimingEvents": recordTrackRendererTimingEvents,
+    "minErrorsForRedirectorHostFallback": minErrorsForRedirectorHostFallback,
+    "nonHardwareMediaCodecNames": nonHardwareMediaCodecNames == null ? [] : List<dynamic>.from(nonHardwareMediaCodecNames!.map((x) => x)),
+    "enableVp9IfInHardware": enableVp9IfInHardware,
+    "enableVp9EncryptedIfInHardware": enableVp9EncryptedIfInHardware,
+    "useOpusMedAsLowQualityAudio": useOpusMedAsLowQualityAudio,
+    "minErrorsForPcrFallback": minErrorsForPcrFallback,
+    "useStickyRedirectHttpDataSource": useStickyRedirectHttpDataSource,
+    "onlyVideoBandwidth": onlyVideoBandwidth,
+    "useRedirectorOnNetworkChange": useRedirectorOnNetworkChange,
+    "enableMaxReadaheadAbrThreshold": enableMaxReadaheadAbrThreshold,
+    "cacheCheckDirectoryWritabilityOnce": cacheCheckDirectoryWritabilityOnce,
+    "predictorType": predictorType,
+    "slidingPercentile": slidingPercentile,
+    "slidingWindowSize": slidingWindowSize,
+    "maxFrameDropIntervalMs": maxFrameDropIntervalMs,
+    "ignoreLoadTimeoutForFallback": ignoreLoadTimeoutForFallback,
+    "serverBweMultiplier": serverBweMultiplier,
+    "drmMaxKeyfetchDelayMs": drmMaxKeyfetchDelayMs,
+    "maxResolutionForWhiteNoise": maxResolutionForWhiteNoise,
+    "whiteNoiseRenderEffectMode": whiteNoiseRenderEffectMode,
+    "enableLibvpxHdr": enableLibvpxHdr,
+    "enableCacheAwareStreamSelection": enableCacheAwareStreamSelection,
+    "useExoCronetDataSource": useExoCronetDataSource,
+    "whiteNoiseScale": whiteNoiseScale,
+    "whiteNoiseOffset": whiteNoiseOffset,
+    "preventVideoFrameLaggingWithLibvpx": preventVideoFrameLaggingWithLibvpx,
+    "enableMediaCodecHdr": enableMediaCodecHdr,
+    "enableMediaCodecSwHdr": enableMediaCodecSwHdr,
+    "liveOnlyWindowChunks": liveOnlyWindowChunks,
+    "bearerMinDurationToRetainAfterDiscardMs": bearerMinDurationToRetainAfterDiscardMs == null ? [] : List<dynamic>.from(bearerMinDurationToRetainAfterDiscardMs!.map((x) => x)),
+    "forceWidevineL3": forceWidevineL3,
+    "useAverageBitrate": useAverageBitrate,
+    "useMedialibAudioTrackRendererForLive": useMedialibAudioTrackRendererForLive,
+    "useExoPlayerV2": useExoPlayerV2,
+    "logMediaRequestEventsToCsi": logMediaRequestEventsToCsi,
+    "onesieFixNonZeroStartTimeFormatSelection": onesieFixNonZeroStartTimeFormatSelection,
+    "liveOnlyReadaheadStepSizeChunks": liveOnlyReadaheadStepSizeChunks,
+    "liveOnlyBufferHealthHalfLifeSeconds": liveOnlyBufferHealthHalfLifeSeconds,
+    "liveOnlyMinBufferHealthRatio": liveOnlyMinBufferHealthRatio,
+    "liveOnlyMinLatencyToSeekRatio": liveOnlyMinLatencyToSeekRatio,
+    "manifestlessPartialChunkStrategy": manifestlessPartialChunkStrategy,
+    "ignoreViewportSizeWhenSticky": ignoreViewportSizeWhenSticky,
+    "enableLibvpxFallback": enableLibvpxFallback,
+    "disableLibvpxLoopFilter": disableLibvpxLoopFilter,
+    "enableVpxMediaView": enableVpxMediaView,
+    "hdrMinScreenBrightness": hdrMinScreenBrightness,
+    "hdrMaxScreenBrightnessThreshold": hdrMaxScreenBrightnessThreshold,
+    "onesieDataSourceAboveCacheDataSource": onesieDataSourceAboveCacheDataSource,
+    "httpNonplayerLoadTimeoutMs": httpNonplayerLoadTimeoutMs,
+    "numVideoSegmentsPerFetchStrategy": numVideoSegmentsPerFetchStrategy,
+    "maxVideoDurationPerFetchMs": maxVideoDurationPerFetchMs,
+    "maxVideoEstimatedLoadDurationMs": maxVideoEstimatedLoadDurationMs,
+    "estimatedServerClockHalfLife": estimatedServerClockHalfLife,
+    "estimatedServerClockStrictOffset": estimatedServerClockStrictOffset,
+    "minReadAheadMediaTimeMs": minReadAheadMediaTimeMs,
+    "readAheadGrowthRate": readAheadGrowthRate,
+    "useDynamicReadAhead": useDynamicReadAhead,
+    "useYtVodMediaSourceForV2": useYtVodMediaSourceForV2,
+    "enableV2Gapless": enableV2Gapless,
+    "useLiveHeadTimeMillis": useLiveHeadTimeMillis,
+    "allowTrackSelectionWithUpdatedVideoItagsForExoV2": allowTrackSelectionWithUpdatedVideoItagsForExoV2,
+    "maxAllowableTimeBeforeMediaTimeUpdateSec": maxAllowableTimeBeforeMediaTimeUpdateSec,
+    "enableDynamicHdr": enableDynamicHdr,
+    "v2PerformEarlyStreamSelection": v2PerformEarlyStreamSelection,
+    "v2UsePlaybackStreamSelectionResult": v2UsePlaybackStreamSelectionResult,
+    "v2MinTimeBetweenAbrReevaluationMs": v2MinTimeBetweenAbrReevaluationMs,
+    "avoidReusePlaybackAcrossLoadvideos": avoidReusePlaybackAcrossLoadvideos,
+    "enableInfiniteNetworkLoadingRetries": enableInfiniteNetworkLoadingRetries,
+    "reportExoPlayerStateOnTransition": reportExoPlayerStateOnTransition,
+    "manifestlessSequenceMethod": manifestlessSequenceMethod,
+    "useLiveHeadWindow": useLiveHeadWindow,
+    "enableDynamicHdrInHardware": enableDynamicHdrInHardware,
+    "ultralowAudioQualityBandwidthThresholdBps": ultralowAudioQualityBandwidthThresholdBps,
+    "retryLiveNetNocontentWithDelay": retryLiveNetNocontentWithDelay,
+    "ignoreUnneededSeeksToLiveHead": ignoreUnneededSeeksToLiveHead,
+    "drmMetricsQoeLoggingFraction": drmMetricsQoeLoggingFraction,
+    "liveNetNocontentMaximumErrors": liveNetNocontentMaximumErrors,
+    "slidingPercentileScalar": slidingPercentileScalar,
+    "minAdaptiveVideoQuality": minAdaptiveVideoQuality,
+    "platypusBackBufferDurationMs": platypusBackBufferDurationMs,
+  };
+}
+
+class LidarSdkConfig {
+  bool? enableActiveViewReporter;
+  bool? useMediaTime;
+  bool? sendTosMetrics;
+  bool? usePlayerState;
+  bool? enableIosAppStateCheck;
+  bool? enableIsAndroidVideoAlwaysMeasurable;
+  bool? enableActiveViewAudioMeasurementAndroid;
+
+  LidarSdkConfig({
+    this.enableActiveViewReporter,
+    this.useMediaTime,
+    this.sendTosMetrics,
+    this.usePlayerState,
+    this.enableIosAppStateCheck,
+    this.enableIsAndroidVideoAlwaysMeasurable,
+    this.enableActiveViewAudioMeasurementAndroid,
+  });
+
+  factory LidarSdkConfig.fromJson(String str) => LidarSdkConfig.fromMap(json.decode(str));
+
+  String toJson() => json.encode(toMap());
+
+  factory LidarSdkConfig.fromMap(Map<String, dynamic> json) => LidarSdkConfig(
+    enableActiveViewReporter: json["enableActiveViewReporter"],
+    useMediaTime: json["useMediaTime"],
+    sendTosMetrics: json["sendTosMetrics"],
+    usePlayerState: json["usePlayerState"],
+    enableIosAppStateCheck: json["enableIosAppStateCheck"],
+    enableIsAndroidVideoAlwaysMeasurable: json["enableIsAndroidVideoAlwaysMeasurable"],
+    enableActiveViewAudioMeasurementAndroid: json["enableActiveViewAudioMeasurementAndroid"],
+  );
+
+  Map<String, dynamic> toMap() => {
+    "enableActiveViewReporter": enableActiveViewReporter,
+    "useMediaTime": useMediaTime,
+    "sendTosMetrics": sendTosMetrics,
+    "usePlayerState": usePlayerState,
+    "enableIosAppStateCheck": enableIosAppStateCheck,
+    "enableIsAndroidVideoAlwaysMeasurable": enableIsAndroidVideoAlwaysMeasurable,
+    "enableActiveViewAudioMeasurementAndroid": enableActiveViewAudioMeasurementAndroid,
+  };
+}
+
+class MediaCommonConfig {
+  DynamicReadaheadConfig? dynamicReadaheadConfig;
+  MediaUstreamerRequestConfig? mediaUstreamerRequestConfig;
+  PredictedReadaheadConfig? predictedReadaheadConfig;
+  MediaFetchRetryConfig? mediaFetchRetryConfig;
+  int? mediaFetchMaximumServerErrors;
+  int? mediaFetchMaximumNetworkErrors;
+  int? mediaFetchMaximumErrors;
+  ServerReadaheadConfig? serverReadaheadConfig;
+  bool? useServerDrivenAbr;
+  SabrClientConfig? sabrClientConfig;
+
+  MediaCommonConfig({
+    this.dynamicReadaheadConfig,
+    this.mediaUstreamerRequestConfig,
+    this.predictedReadaheadConfig,
+    this.mediaFetchRetryConfig,
+    this.mediaFetchMaximumServerErrors,
+    this.mediaFetchMaximumNetworkErrors,
+    this.mediaFetchMaximumErrors,
+    this.serverReadaheadConfig,
+    this.useServerDrivenAbr,
+    this.sabrClientConfig,
+  });
+
+  factory MediaCommonConfig.fromJson(String str) => MediaCommonConfig.fromMap(json.decode(str));
+
+  String toJson() => json.encode(toMap());
+
+  factory MediaCommonConfig.fromMap(Map<String, dynamic> json) => MediaCommonConfig(
+    dynamicReadaheadConfig: json["dynamicReadaheadConfig"] == null ? null : DynamicReadaheadConfig.fromMap(json["dynamicReadaheadConfig"]),
+    mediaUstreamerRequestConfig: json["mediaUstreamerRequestConfig"] == null ? null : MediaUstreamerRequestConfig.fromMap(json["mediaUstreamerRequestConfig"]),
+    predictedReadaheadConfig: json["predictedReadaheadConfig"] == null ? null : PredictedReadaheadConfig.fromMap(json["predictedReadaheadConfig"]),
+    mediaFetchRetryConfig: json["mediaFetchRetryConfig"] == null ? null : MediaFetchRetryConfig.fromMap(json["mediaFetchRetryConfig"]),
+    mediaFetchMaximumServerErrors: json["mediaFetchMaximumServerErrors"],
+    mediaFetchMaximumNetworkErrors: json["mediaFetchMaximumNetworkErrors"],
+    mediaFetchMaximumErrors: json["mediaFetchMaximumErrors"],
+    serverReadaheadConfig: json["serverReadaheadConfig"] == null ? null : ServerReadaheadConfig.fromMap(json["serverReadaheadConfig"]),
+    useServerDrivenAbr: json["useServerDrivenAbr"],
+    sabrClientConfig: json["sabrClientConfig"] == null ? null : SabrClientConfig.fromMap(json["sabrClientConfig"]),
+  );
+
+  Map<String, dynamic> toMap() => {
+    "dynamicReadaheadConfig": dynamicReadaheadConfig?.toMap(),
+    "mediaUstreamerRequestConfig": mediaUstreamerRequestConfig?.toMap(),
+    "predictedReadaheadConfig": predictedReadaheadConfig?.toMap(),
+    "mediaFetchRetryConfig": mediaFetchRetryConfig?.toMap(),
+    "mediaFetchMaximumServerErrors": mediaFetchMaximumServerErrors,
+    "mediaFetchMaximumNetworkErrors": mediaFetchMaximumNetworkErrors,
+    "mediaFetchMaximumErrors": mediaFetchMaximumErrors,
+    "serverReadaheadConfig": serverReadaheadConfig?.toMap(),
+    "useServerDrivenAbr": useServerDrivenAbr,
+    "sabrClientConfig": sabrClientConfig?.toMap(),
+  };
+}
+
+class DynamicReadaheadConfig {
+  int? maxReadAheadMediaTimeMs;
+  int? minReadAheadMediaTimeMs;
+  int? readAheadGrowthRateMs;
+  int? readAheadWatermarkMarginRatio;
+  int? minReadAheadWatermarkMarginMs;
+  int? maxReadAheadWatermarkMarginMs;
+  bool? shouldIncorporateNetworkActiveState;
+
+  DynamicReadaheadConfig({
+    this.maxReadAheadMediaTimeMs,
+    this.minReadAheadMediaTimeMs,
+    this.readAheadGrowthRateMs,
+    this.readAheadWatermarkMarginRatio,
+    this.minReadAheadWatermarkMarginMs,
+    this.maxReadAheadWatermarkMarginMs,
+    this.shouldIncorporateNetworkActiveState,
+  });
+
+  factory DynamicReadaheadConfig.fromJson(String str) => DynamicReadaheadConfig.fromMap(json.decode(str));
+
+  String toJson() => json.encode(toMap());
+
+  factory DynamicReadaheadConfig.fromMap(Map<String, dynamic> json) => DynamicReadaheadConfig(
+    maxReadAheadMediaTimeMs: json["maxReadAheadMediaTimeMs"],
+    minReadAheadMediaTimeMs: json["minReadAheadMediaTimeMs"],
+    readAheadGrowthRateMs: json["readAheadGrowthRateMs"],
+    readAheadWatermarkMarginRatio: json["readAheadWatermarkMarginRatio"],
+    minReadAheadWatermarkMarginMs: json["minReadAheadWatermarkMarginMs"],
+    maxReadAheadWatermarkMarginMs: json["maxReadAheadWatermarkMarginMs"],
+    shouldIncorporateNetworkActiveState: json["shouldIncorporateNetworkActiveState"],
+  );
+
+  Map<String, dynamic> toMap() => {
+    "maxReadAheadMediaTimeMs": maxReadAheadMediaTimeMs,
+    "minReadAheadMediaTimeMs": minReadAheadMediaTimeMs,
+    "readAheadGrowthRateMs": readAheadGrowthRateMs,
+    "readAheadWatermarkMarginRatio": readAheadWatermarkMarginRatio,
+    "minReadAheadWatermarkMarginMs": minReadAheadWatermarkMarginMs,
+    "maxReadAheadWatermarkMarginMs": maxReadAheadWatermarkMarginMs,
+    "shouldIncorporateNetworkActiveState": shouldIncorporateNetworkActiveState,
+  };
+}
+
+class MediaFetchRetryConfig {
+  int? initialDelayMs;
+  double? backoffFactor;
+  int? maximumDelayMs;
+  double? jitterFactor;
+
+  MediaFetchRetryConfig({
+    this.initialDelayMs,
+    this.backoffFactor,
+    this.maximumDelayMs,
+    this.jitterFactor,
+  });
+
+  factory MediaFetchRetryConfig.fromJson(String str) => MediaFetchRetryConfig.fromMap(json.decode(str));
+
+  String toJson() => json.encode(toMap());
+
+  factory MediaFetchRetryConfig.fromMap(Map<String, dynamic> json) => MediaFetchRetryConfig(
+    initialDelayMs: json["initialDelayMs"],
+    backoffFactor: json["backoffFactor"]?.toDouble(),
+    maximumDelayMs: json["maximumDelayMs"],
+    jitterFactor: json["jitterFactor"]?.toDouble(),
+  );
+
+  Map<String, dynamic> toMap() => {
+    "initialDelayMs": initialDelayMs,
+    "backoffFactor": backoffFactor,
+    "maximumDelayMs": maximumDelayMs,
+    "jitterFactor": jitterFactor,
+  };
+}
+
+class MediaUstreamerRequestConfig {
+  bool? enableVideoPlaybackRequest;
+  String? videoPlaybackUstreamerConfig;
+  bool? videoPlaybackPostEmptyBody;
+  bool? isVideoPlaybackRequestIdempotent;
+
+  MediaUstreamerRequestConfig({
+    this.enableVideoPlaybackRequest,
+    this.videoPlaybackUstreamerConfig,
+    this.videoPlaybackPostEmptyBody,
+    this.isVideoPlaybackRequestIdempotent,
+  });
+
+  factory MediaUstreamerRequestConfig.fromJson(String str) => MediaUstreamerRequestConfig.fromMap(json.decode(str));
+
+  String toJson() => json.encode(toMap());
+
+  factory MediaUstreamerRequestConfig.fromMap(Map<String, dynamic> json) => MediaUstreamerRequestConfig(
+    enableVideoPlaybackRequest: json["enableVideoPlaybackRequest"],
+    videoPlaybackUstreamerConfig: json["videoPlaybackUstreamerConfig"],
+    videoPlaybackPostEmptyBody: json["videoPlaybackPostEmptyBody"],
+    isVideoPlaybackRequestIdempotent: json["isVideoPlaybackRequestIdempotent"],
+  );
+
+  Map<String, dynamic> toMap() => {
+    "enableVideoPlaybackRequest": enableVideoPlaybackRequest,
+    "videoPlaybackUstreamerConfig": videoPlaybackUstreamerConfig,
+    "videoPlaybackPostEmptyBody": videoPlaybackPostEmptyBody,
+    "isVideoPlaybackRequestIdempotent": isVideoPlaybackRequestIdempotent,
+  };
+}
+
+class PredictedReadaheadConfig {
+  int? minReadaheadMs;
+  int? maxReadaheadMs;
+
+  PredictedReadaheadConfig({
+    this.minReadaheadMs,
+    this.maxReadaheadMs,
+  });
+
+  factory PredictedReadaheadConfig.fromJson(String str) => PredictedReadaheadConfig.fromMap(json.decode(str));
+
+  String toJson() => json.encode(toMap());
+
+  factory PredictedReadaheadConfig.fromMap(Map<String, dynamic> json) => PredictedReadaheadConfig(
+    minReadaheadMs: json["minReadaheadMs"],
+    maxReadaheadMs: json["maxReadaheadMs"],
+  );
+
+  Map<String, dynamic> toMap() => {
+    "minReadaheadMs": minReadaheadMs,
+    "maxReadaheadMs": maxReadaheadMs,
+  };
+}
+
+class SabrClientConfig {
+  int? defaultBackOffTimeMs;
+  bool? enableHostFallback;
+  int? primaryProbingDelayMs;
+  int? maxFailureAttemptsBeforeFallback;
+
+  SabrClientConfig({
+    this.defaultBackOffTimeMs,
+    this.enableHostFallback,
+    this.primaryProbingDelayMs,
+    this.maxFailureAttemptsBeforeFallback,
+  });
+
+  factory SabrClientConfig.fromJson(String str) => SabrClientConfig.fromMap(json.decode(str));
+
+  String toJson() => json.encode(toMap());
+
+  factory SabrClientConfig.fromMap(Map<String, dynamic> json) => SabrClientConfig(
+    defaultBackOffTimeMs: json["defaultBackOffTimeMs"],
+    enableHostFallback: json["enableHostFallback"],
+    primaryProbingDelayMs: json["primaryProbingDelayMs"],
+    maxFailureAttemptsBeforeFallback: json["maxFailureAttemptsBeforeFallback"],
+  );
+
+  Map<String, dynamic> toMap() => {
+    "defaultBackOffTimeMs": defaultBackOffTimeMs,
+    "enableHostFallback": enableHostFallback,
+    "primaryProbingDelayMs": primaryProbingDelayMs,
+    "maxFailureAttemptsBeforeFallback": maxFailureAttemptsBeforeFallback,
+  };
+}
+
+class ServerReadaheadConfig {
+  bool? enable;
+  NextRequestPolicy? nextRequestPolicy;
+
+  ServerReadaheadConfig({
+    this.enable,
+    this.nextRequestPolicy,
+  });
+
+  factory ServerReadaheadConfig.fromJson(String str) => ServerReadaheadConfig.fromMap(json.decode(str));
+
+  String toJson() => json.encode(toMap());
+
+  factory ServerReadaheadConfig.fromMap(Map<String, dynamic> json) => ServerReadaheadConfig(
+    enable: json["enable"],
+    nextRequestPolicy: json["nextRequestPolicy"] == null ? null : NextRequestPolicy.fromMap(json["nextRequestPolicy"]),
+  );
+
+  Map<String, dynamic> toMap() => {
+    "enable": enable,
+    "nextRequestPolicy": nextRequestPolicy?.toMap(),
+  };
+}
+
+class NextRequestPolicy {
+  int? targetAudioReadaheadMs;
+  int? targetVideoReadaheadMs;
+
+  NextRequestPolicy({
+    this.targetAudioReadaheadMs,
+    this.targetVideoReadaheadMs,
+  });
+
+  factory NextRequestPolicy.fromJson(String str) => NextRequestPolicy.fromMap(json.decode(str));
+
+  String toJson() => json.encode(toMap());
+
+  factory NextRequestPolicy.fromMap(Map<String, dynamic> json) => NextRequestPolicy(
+    targetAudioReadaheadMs: json["targetAudioReadaheadMs"],
+    targetVideoReadaheadMs: json["targetVideoReadaheadMs"],
+  );
+
+  Map<String, dynamic> toMap() => {
+    "targetAudioReadaheadMs": targetAudioReadaheadMs,
+    "targetVideoReadaheadMs": targetVideoReadaheadMs,
+  };
+}
+
+class NetworkProtocolConfig {
+  bool? useQuic;
+
+  NetworkProtocolConfig({
+    this.useQuic,
+  });
+
+  factory NetworkProtocolConfig.fromJson(String str) => NetworkProtocolConfig.fromMap(json.decode(str));
+
+  String toJson() => json.encode(toMap());
+
+  factory NetworkProtocolConfig.fromMap(Map<String, dynamic> json) => NetworkProtocolConfig(
+    useQuic: json["useQuic"],
+  );
+
+  Map<String, dynamic> toMap() => {
+    "useQuic": useQuic,
+  };
+}
+
+class PlayerRestorationConfig {
+  bool? restoreIntoStoppedState;
+
+  PlayerRestorationConfig({
+    this.restoreIntoStoppedState,
+  });
+
+  factory PlayerRestorationConfig.fromJson(String str) => PlayerRestorationConfig.fromMap(json.decode(str));
+
+  String toJson() => json.encode(toMap());
+
+  factory PlayerRestorationConfig.fromMap(Map<String, dynamic> json) => PlayerRestorationConfig(
+    restoreIntoStoppedState: json["restoreIntoStoppedState"],
+  );
+
+  Map<String, dynamic> toMap() => {
+    "restoreIntoStoppedState": restoreIntoStoppedState,
+  };
+}
+
+class RetryConfig {
+  List<String>? retryEligibleErrors;
+  int? retryUnderSameConditionAttempts;
+  int? retryWithNewSurfaceAttempts;
+  bool? progressiveFallbackOnNonNetworkErrors;
+  bool? l3FallbackOnDrmErrors;
+  bool? retryAfterCacheRemoval;
+  bool? widevineL3EnforcedFallbackOnDrmErrors;
+  bool? exoProxyableFormatFallback;
+  int? maxPlayerRetriesWhenNetworkUnavailable;
+  bool? suppressFatalErrorAfterStop;
+  bool? fallbackToSwDecoderOnFormatDecodeError;
+
+  RetryConfig({
+    this.retryEligibleErrors,
+    this.retryUnderSameConditionAttempts,
+    this.retryWithNewSurfaceAttempts,
+    this.progressiveFallbackOnNonNetworkErrors,
+    this.l3FallbackOnDrmErrors,
+    this.retryAfterCacheRemoval,
+    this.widevineL3EnforcedFallbackOnDrmErrors,
+    this.exoProxyableFormatFallback,
+    this.maxPlayerRetriesWhenNetworkUnavailable,
+    this.suppressFatalErrorAfterStop,
+    this.fallbackToSwDecoderOnFormatDecodeError,
+  });
+
+  factory RetryConfig.fromJson(String str) => RetryConfig.fromMap(json.decode(str));
+
+  String toJson() => json.encode(toMap());
+
+  factory RetryConfig.fromMap(Map<String, dynamic> json) => RetryConfig(
+    retryEligibleErrors: json["retryEligibleErrors"] == null ? [] : List<String>.from(json["retryEligibleErrors"]!.map((x) => x)),
+    retryUnderSameConditionAttempts: json["retryUnderSameConditionAttempts"],
+    retryWithNewSurfaceAttempts: json["retryWithNewSurfaceAttempts"],
+    progressiveFallbackOnNonNetworkErrors: json["progressiveFallbackOnNonNetworkErrors"],
+    l3FallbackOnDrmErrors: json["l3FallbackOnDrmErrors"],
+    retryAfterCacheRemoval: json["retryAfterCacheRemoval"],
+    widevineL3EnforcedFallbackOnDrmErrors: json["widevineL3EnforcedFallbackOnDrmErrors"],
+    exoProxyableFormatFallback: json["exoProxyableFormatFallback"],
+    maxPlayerRetriesWhenNetworkUnavailable: json["maxPlayerRetriesWhenNetworkUnavailable"],
+    suppressFatalErrorAfterStop: json["suppressFatalErrorAfterStop"],
+    fallbackToSwDecoderOnFormatDecodeError: json["fallbackToSwDecoderOnFormatDecodeError"],
+  );
+
+  Map<String, dynamic> toMap() => {
+    "retryEligibleErrors": retryEligibleErrors == null ? [] : List<dynamic>.from(retryEligibleErrors!.map((x) => x)),
+    "retryUnderSameConditionAttempts": retryUnderSameConditionAttempts,
+    "retryWithNewSurfaceAttempts": retryWithNewSurfaceAttempts,
+    "progressiveFallbackOnNonNetworkErrors": progressiveFallbackOnNonNetworkErrors,
+    "l3FallbackOnDrmErrors": l3FallbackOnDrmErrors,
+    "retryAfterCacheRemoval": retryAfterCacheRemoval,
+    "widevineL3EnforcedFallbackOnDrmErrors": widevineL3EnforcedFallbackOnDrmErrors,
+    "exoProxyableFormatFallback": exoProxyableFormatFallback,
+    "maxPlayerRetriesWhenNetworkUnavailable": maxPlayerRetriesWhenNetworkUnavailable,
+    "suppressFatalErrorAfterStop": suppressFatalErrorAfterStop,
+    "fallbackToSwDecoderOnFormatDecodeError": fallbackToSwDecoderOnFormatDecodeError,
+  };
+}
+
+class TaskCoordinatorConfig {
+  int? prefetchCoordinatorBufferedPositionMillisRelease;
+  int? prefetchCoordinatorBufferedPositionMillisPause;
+
+  TaskCoordinatorConfig({
+    this.prefetchCoordinatorBufferedPositionMillisRelease,
+    this.prefetchCoordinatorBufferedPositionMillisPause,
+  });
+
+  factory TaskCoordinatorConfig.fromJson(String str) => TaskCoordinatorConfig.fromMap(json.decode(str));
+
+  String toJson() => json.encode(toMap());
+
+  factory TaskCoordinatorConfig.fromMap(Map<String, dynamic> json) => TaskCoordinatorConfig(
+    prefetchCoordinatorBufferedPositionMillisRelease: json["prefetchCoordinatorBufferedPositionMillisRelease"],
+    prefetchCoordinatorBufferedPositionMillisPause: json["prefetchCoordinatorBufferedPositionMillisPause"],
+  );
+
+  Map<String, dynamic> toMap() => {
+    "prefetchCoordinatorBufferedPositionMillisRelease": prefetchCoordinatorBufferedPositionMillisRelease,
+    "prefetchCoordinatorBufferedPositionMillisPause": prefetchCoordinatorBufferedPositionMillisPause,
+  };
+}
+
+class VariableSpeedConfig {
+  bool? showVariableSpeedDisabledDialog;
+
+  VariableSpeedConfig({
+    this.showVariableSpeedDisabledDialog,
+  });
+
+  factory VariableSpeedConfig.fromJson(String str) => VariableSpeedConfig.fromMap(json.decode(str));
+
+  String toJson() => json.encode(toMap());
+
+  factory VariableSpeedConfig.fromMap(Map<String, dynamic> json) => VariableSpeedConfig(
+    showVariableSpeedDisabledDialog: json["showVariableSpeedDisabledDialog"],
+  );
+
+  Map<String, dynamic> toMap() => {
+    "showVariableSpeedDisabledDialog": showVariableSpeedDisabledDialog,
+  };
+}
+
+class ResponseContext {
+  String? visitorData;
+  List<ServiceTrackingParam>? serviceTrackingParams;
+  int? maxAgeSeconds;
+
+  ResponseContext({
+    this.visitorData,
+    this.serviceTrackingParams,
+    this.maxAgeSeconds,
+  });
+
+  factory ResponseContext.fromJson(String str) => ResponseContext.fromMap(json.decode(str));
+
+  String toJson() => json.encode(toMap());
+
+  factory ResponseContext.fromMap(Map<String, dynamic> json) => ResponseContext(
+    visitorData: json["visitorData"],
+    serviceTrackingParams: json["serviceTrackingParams"] == null ? [] : List<ServiceTrackingParam>.from(json["serviceTrackingParams"]!.map((x) => ServiceTrackingParam.fromMap(x))),
+    maxAgeSeconds: json["maxAgeSeconds"],
+  );
+
+  Map<String, dynamic> toMap() => {
+    "visitorData": visitorData,
+    "serviceTrackingParams": serviceTrackingParams == null ? [] : List<dynamic>.from(serviceTrackingParams!.map((x) => x.toMap())),
+    "maxAgeSeconds": maxAgeSeconds,
+  };
+}
+
+class ServiceTrackingParam {
+  String? service;
+  List<Param>? params;
+
+  ServiceTrackingParam({
+    this.service,
+    this.params,
+  });
+
+  factory ServiceTrackingParam.fromJson(String str) => ServiceTrackingParam.fromMap(json.decode(str));
+
+  String toJson() => json.encode(toMap());
+
+  factory ServiceTrackingParam.fromMap(Map<String, dynamic> json) => ServiceTrackingParam(
+    service: json["service"],
+    params: json["params"] == null ? [] : List<Param>.from(json["params"]!.map((x) => Param.fromMap(x))),
+  );
+
+  Map<String, dynamic> toMap() => {
+    "service": service,
+    "params": params == null ? [] : List<dynamic>.from(params!.map((x) => x.toMap())),
+  };
+}
+
+class Param {
+  String? key;
+  String? value;
+
+  Param({
+    this.key,
+    this.value,
+  });
+
+  factory Param.fromJson(String str) => Param.fromMap(json.decode(str));
+
+  String toJson() => json.encode(toMap());
+
+  factory Param.fromMap(Map<String, dynamic> json) => Param(
+    key: json["key"],
+    value: json["value"],
+  );
+
+  Map<String, dynamic> toMap() => {
+    "key": key,
+    "value": value,
+  };
+}
+
+class Storyboards {
+  PlayerStoryboardSpecRenderer? playerStoryboardSpecRenderer;
+
+  Storyboards({
+    this.playerStoryboardSpecRenderer,
+  });
+
+  factory Storyboards.fromJson(String str) => Storyboards.fromMap(json.decode(str));
+
+  String toJson() => json.encode(toMap());
+
+  factory Storyboards.fromMap(Map<String, dynamic> json) => Storyboards(
+    playerStoryboardSpecRenderer: json["playerStoryboardSpecRenderer"] == null ? null : PlayerStoryboardSpecRenderer.fromMap(json["playerStoryboardSpecRenderer"]),
+  );
+
+  Map<String, dynamic> toMap() => {
+    "playerStoryboardSpecRenderer": playerStoryboardSpecRenderer?.toMap(),
+  };
+}
+
+class PlayerStoryboardSpecRenderer {
+  String? spec;
+  int? recommendedLevel;
+
+  PlayerStoryboardSpecRenderer({
+    this.spec,
+    this.recommendedLevel,
+  });
+
+  factory PlayerStoryboardSpecRenderer.fromJson(String str) => PlayerStoryboardSpecRenderer.fromMap(json.decode(str));
+
+  String toJson() => json.encode(toMap());
+
+  factory PlayerStoryboardSpecRenderer.fromMap(Map<String, dynamic> json) => PlayerStoryboardSpecRenderer(
+    spec: json["spec"],
+    recommendedLevel: json["recommendedLevel"],
+  );
+
+  Map<String, dynamic> toMap() => {
+    "spec": spec,
+    "recommendedLevel": recommendedLevel,
+  };
+}
+
+class StreamingData {
+  String? expiresInSeconds;
+  List<Format>? formats;
+  List<AdaptiveFormat>? adaptiveFormats;
+
+  StreamingData({
+    this.expiresInSeconds,
+    this.formats,
+    this.adaptiveFormats,
+  });
+
+  factory StreamingData.fromJson(String str) => StreamingData.fromMap(json.decode(str));
+
+  String toJson() => json.encode(toMap());
+
+  factory StreamingData.fromMap(Map<String, dynamic> json) => StreamingData(
+    expiresInSeconds: json["expiresInSeconds"],
+    formats: json["formats"] == null ? [] : List<Format>.from(json["formats"]!.map((x) => Format.fromMap(x))),
+    adaptiveFormats: json["adaptiveFormats"] == null ? [] : List<AdaptiveFormat>.from(json["adaptiveFormats"]!.map((x) => AdaptiveFormat.fromMap(x))),
+  );
+
+  Map<String, dynamic> toMap() => {
+    "expiresInSeconds": expiresInSeconds,
+    "formats": formats == null ? [] : List<dynamic>.from(formats!.map((x) => x.toMap())),
+    "adaptiveFormats": adaptiveFormats == null ? [] : List<dynamic>.from(adaptiveFormats!.map((x) => x.toMap())),
+  };
+}
+
+class AdaptiveFormat {
+  int? itag;
+  String? url;
+  String? mimeType;
+  int? bitrate;
+  int? width;
+  int? height;
+  Range? initRange;
+  Range? indexRange;
+  String? lastModified;
+  String? contentLength;
+  String? quality;
+  int? fps;
+  String? qualityLabel;
+  String? projectionType;
+  int? averageBitrate;
+  String? approxDurationMs;
+  ColorInfo? colorInfo;
+  bool? highReplication;
+  String? audioQuality;
+  String? audioSampleRate;
+  int? audioChannels;
+  double? loudnessDb;
+
+  AdaptiveFormat({
+    this.itag,
+    this.url,
+    this.mimeType,
+    this.bitrate,
+    this.width,
+    this.height,
+    this.initRange,
+    this.indexRange,
+    this.lastModified,
+    this.contentLength,
+    this.quality,
+    this.fps,
+    this.qualityLabel,
+    this.projectionType,
+    this.averageBitrate,
+    this.approxDurationMs,
+    this.colorInfo,
+    this.highReplication,
+    this.audioQuality,
+    this.audioSampleRate,
+    this.audioChannels,
+    this.loudnessDb,
+  });
+
+  factory AdaptiveFormat.fromJson(String str) => AdaptiveFormat.fromMap(json.decode(str));
+
+  String toJson() => json.encode(toMap());
+
+  factory AdaptiveFormat.fromMap(Map<String, dynamic> json) => AdaptiveFormat(
+    itag: json["itag"],
+    url: json["url"],
+    mimeType: json["mimeType"],
+    bitrate: json["bitrate"],
+    width: json["width"],
+    height: json["height"],
+    initRange: json["initRange"] == null ? null : Range.fromMap(json["initRange"]),
+    indexRange: json["indexRange"] == null ? null : Range.fromMap(json["indexRange"]),
+    lastModified: json["lastModified"],
+    contentLength: json["contentLength"],
+    quality: json["quality"],
+    fps: json["fps"],
+    qualityLabel: json["qualityLabel"],
+    projectionType: json["projectionType"],
+    averageBitrate: json["averageBitrate"],
+    approxDurationMs: json["approxDurationMs"],
+    colorInfo: json["colorInfo"] == null ? null : ColorInfo.fromMap(json["colorInfo"]),
+    highReplication: json["highReplication"],
+    audioQuality: json["audioQuality"],
+    audioSampleRate: json["audioSampleRate"],
+    audioChannels: json["audioChannels"],
+    loudnessDb: json["loudnessDb"]?.toDouble(),
+  );
+
+  Map<String, dynamic> toMap() => {
+    "itag": itag,
+    "url": url,
+    "mimeType": mimeType,
+    "bitrate": bitrate,
+    "width": width,
+    "height": height,
+    "initRange": initRange?.toMap(),
+    "indexRange": indexRange?.toMap(),
+    "lastModified": lastModified,
+    "contentLength": contentLength,
+    "quality": quality,
+    "fps": fps,
+    "qualityLabel": qualityLabel,
+    "projectionType": projectionType,
+    "averageBitrate": averageBitrate,
+    "approxDurationMs": approxDurationMs,
+    "colorInfo": colorInfo?.toMap(),
+    "highReplication": highReplication,
+    "audioQuality": audioQuality,
+    "audioSampleRate": audioSampleRate,
+    "audioChannels": audioChannels,
+    "loudnessDb": loudnessDb,
+  };
+}
+
+class ColorInfo {
+  String? primaries;
+  String? transferCharacteristics;
+  String? matrixCoefficients;
+
+  ColorInfo({
+    this.primaries,
+    this.transferCharacteristics,
+    this.matrixCoefficients,
+  });
+
+  factory ColorInfo.fromJson(String str) => ColorInfo.fromMap(json.decode(str));
+
+  String toJson() => json.encode(toMap());
+
+  factory ColorInfo.fromMap(Map<String, dynamic> json) => ColorInfo(
+    primaries: json["primaries"],
+    transferCharacteristics: json["transferCharacteristics"],
+    matrixCoefficients: json["matrixCoefficients"],
+  );
+
+  Map<String, dynamic> toMap() => {
+    "primaries": primaries,
+    "transferCharacteristics": transferCharacteristics,
+    "matrixCoefficients": matrixCoefficients,
+  };
+}
+
+class Range {
+  String? start;
+  String? end;
+
+  Range({
+    this.start,
+    this.end,
+  });
+
+  factory Range.fromJson(String str) => Range.fromMap(json.decode(str));
+
+  String toJson() => json.encode(toMap());
+
+  factory Range.fromMap(Map<String, dynamic> json) => Range(
+    start: json["start"],
+    end: json["end"],
+  );
+
+  Map<String, dynamic> toMap() => {
+    "start": start,
+    "end": end,
+  };
+}
+
+class Format {
+  int? itag;
+  String? url;
+  String? mimeType;
+  int? bitrate;
+  int? width;
+  int? height;
+  String? lastModified;
+  String? quality;
+  int? fps;
+  String? qualityLabel;
+  String? projectionType;
+  String? audioQuality;
+  String? approxDurationMs;
+  String? audioSampleRate;
+  int? audioChannels;
+
+  Format({
+    this.itag,
+    this.url,
+    this.mimeType,
+    this.bitrate,
+    this.width,
+    this.height,
+    this.lastModified,
+    this.quality,
+    this.fps,
+    this.qualityLabel,
+    this.projectionType,
+    this.audioQuality,
+    this.approxDurationMs,
+    this.audioSampleRate,
+    this.audioChannels,
+  });
+
+  factory Format.fromJson(String str) => Format.fromMap(json.decode(str));
+
+  String toJson() => json.encode(toMap());
+
+  factory Format.fromMap(Map<String, dynamic> json) => Format(
+    itag: json["itag"],
+    url: json["url"],
+    mimeType: json["mimeType"],
+    bitrate: json["bitrate"],
+    width: json["width"],
+    height: json["height"],
+    lastModified: json["lastModified"],
+    quality: json["quality"],
+    fps: json["fps"],
+    qualityLabel: json["qualityLabel"],
+    projectionType: json["projectionType"],
+    audioQuality: json["audioQuality"],
+    approxDurationMs: json["approxDurationMs"],
+    audioSampleRate: json["audioSampleRate"],
+    audioChannels: json["audioChannels"],
+  );
+
+  Map<String, dynamic> toMap() => {
+    "itag": itag,
+    "url": url,
+    "mimeType": mimeType,
+    "bitrate": bitrate,
+    "width": width,
+    "height": height,
+    "lastModified": lastModified,
+    "quality": quality,
+    "fps": fps,
+    "qualityLabel": qualityLabel,
+    "projectionType": projectionType,
+    "audioQuality": audioQuality,
+    "approxDurationMs": approxDurationMs,
+    "audioSampleRate": audioSampleRate,
+    "audioChannels": audioChannels,
+  };
+}
+
+class VideoDetails {
+  String? videoId;
+  String? title;
+  String? lengthSeconds;
+  String? channelId;
+  bool? isOwnerViewing;
+  bool? isCrawlable;
+  VideoDetailsThumbnail? thumbnail;
+  bool? allowRatings;
+  String? viewCount;
+  String? author;
+  bool? isPrivate;
+  bool? isUnpluggedCorpus;
+  String? musicVideoType;
+  bool? isLiveContent;
+
+  VideoDetails({
+    this.videoId,
+    this.title,
+    this.lengthSeconds,
+    this.channelId,
+    this.isOwnerViewing,
+    this.isCrawlable,
+    this.thumbnail,
+    this.allowRatings,
+    this.viewCount,
+    this.author,
+    this.isPrivate,
+    this.isUnpluggedCorpus,
+    this.musicVideoType,
+    this.isLiveContent,
+  });
+
+  factory VideoDetails.fromJson(String str) => VideoDetails.fromMap(json.decode(str));
+
+  String toJson() => json.encode(toMap());
+
+  factory VideoDetails.fromMap(Map<String, dynamic> json) => VideoDetails(
+    videoId: json["videoId"],
+    title: json["title"],
+    lengthSeconds: json["lengthSeconds"],
+    channelId: json["channelId"],
+    isOwnerViewing: json["isOwnerViewing"],
+    isCrawlable: json["isCrawlable"],
+    thumbnail: json["thumbnail"] == null ? null : VideoDetailsThumbnail.fromMap(json["thumbnail"]),
+    allowRatings: json["allowRatings"],
+    viewCount: json["viewCount"],
+    author: json["author"],
+    isPrivate: json["isPrivate"],
+    isUnpluggedCorpus: json["isUnpluggedCorpus"],
+    musicVideoType: json["musicVideoType"],
+    isLiveContent: json["isLiveContent"],
+  );
+
+  Map<String, dynamic> toMap() => {
+    "videoId": videoId,
+    "title": title,
+    "lengthSeconds": lengthSeconds,
+    "channelId": channelId,
+    "isOwnerViewing": isOwnerViewing,
+    "isCrawlable": isCrawlable,
+    "thumbnail": thumbnail?.toMap(),
+    "allowRatings": allowRatings,
+    "viewCount": viewCount,
+    "author": author,
+    "isPrivate": isPrivate,
+    "isUnpluggedCorpus": isUnpluggedCorpus,
+    "musicVideoType": musicVideoType,
+    "isLiveContent": isLiveContent,
+  };
+}
+
+class VideoDetailsThumbnail {
+  List<ThumbnailElement>? thumbnails;
+
+  VideoDetailsThumbnail({
+    this.thumbnails,
+  });
+
+  factory VideoDetailsThumbnail.fromJson(String str) => VideoDetailsThumbnail.fromMap(json.decode(str));
+
+  String toJson() => json.encode(toMap());
+
+  factory VideoDetailsThumbnail.fromMap(Map<String, dynamic> json) => VideoDetailsThumbnail(
+    thumbnails: json["thumbnails"] == null ? [] : List<ThumbnailElement>.from(json["thumbnails"]!.map((x) => ThumbnailElement.fromMap(x))),
+  );
+
+  Map<String, dynamic> toMap() => {
+    "thumbnails": thumbnails == null ? [] : List<dynamic>.from(thumbnails!.map((x) => x.toMap())),
+  };
+}
+
+class ThumbnailElement {
+  String? url;
+  int? width;
+  int? height;
+
+  ThumbnailElement({
+    this.url,
+    this.width,
+    this.height,
+  });
+
+  factory ThumbnailElement.fromJson(String str) => ThumbnailElement.fromMap(json.decode(str));
+
+  String toJson() => json.encode(toMap());
+
+  factory ThumbnailElement.fromMap(Map<String, dynamic> json) => ThumbnailElement(
+    url: json["url"],
+    width: json["width"],
+    height: json["height"],
+  );
+
+  Map<String, dynamic> toMap() => {
+    "url": url,
+    "width": width,
+    "height": height,
+  };
+}
diff --git a/lib/data/storage/hive_storage.dart b/lib/data/storage/hive_storage.dart
index 7e4e530..0449b77 100644
--- a/lib/data/storage/hive_storage.dart
+++ b/lib/data/storage/hive_storage.dart
@@ -3,7 +3,7 @@
 // Description: 持久化储存
 
 import 'package:hive_flutter/hive_flutter.dart';
-import 'package:tone_snap/data/models/voice_model.dart';
+import 'package:tone_snap/data/sidea/models/voice_model.dart';
 
 const myVoiceBox = 'myVoiceBox';
 const favoriteBox = 'favoriteBox';
diff --git a/lib/firebase/firebase_analytics_manager.dart b/lib/firebase/firebase_analytics_manager.dart
new file mode 100644
index 0000000..6e7bcc7
--- /dev/null
+++ b/lib/firebase/firebase_analytics_manager.dart
@@ -0,0 +1,24 @@
+// Author: fengshengxiong
+// Date: 2024/6/26
+// Description: firebase_analytics管理
+
+import 'package:firebase_analytics/firebase_analytics.dart';
+import 'package:firebase_crashlytics/firebase_crashlytics.dart';
+import 'package:flutter/foundation.dart';
+
+class FirebaseAnalyticsManager {
+  /// 仅在非调试版本中启用它
+  static Future<void> setCrashlyticsCollectionEnabled() async {
+    await FirebaseCrashlytics.instance.setCrashlyticsCollectionEnabled(!kDebugMode);
+  }
+
+  /// 埋点
+  /// name：事件名
+  /// parameters：业务参数
+  static void logEvent(String eventName, {Map<String, Object>? parameters}) {
+    FirebaseAnalytics.instance.logEvent(
+      name: eventName,
+      parameters: parameters,
+    );
+  }
+}
diff --git a/lib/firebase/firebase_options.dart b/lib/firebase/firebase_options.dart
new file mode 100644
index 0000000..ec6df03
--- /dev/null
+++ b/lib/firebase/firebase_options.dart
@@ -0,0 +1,69 @@
+// File generated by FlutterFire CLI.
+// ignore_for_file: type=lint
+import 'package:firebase_core/firebase_core.dart' show FirebaseOptions;
+import 'package:flutter/foundation.dart'
+    show defaultTargetPlatform, kIsWeb, TargetPlatform;
+
+/// Default [FirebaseOptions] for use with your Firebase apps.
+///
+/// Example:
+/// ```dart
+/// import 'firebase_options.dart';
+/// // ...
+/// await Firebase.initializeApp(
+///   options: DefaultFirebaseOptions.currentPlatform,
+/// );
+/// ```
+class DefaultFirebaseOptions {
+  static FirebaseOptions get currentPlatform {
+    if (kIsWeb) {
+      throw UnsupportedError(
+        'DefaultFirebaseOptions have not been configured for web - '
+        'you can reconfigure this by running the FlutterFire CLI again.',
+      );
+    }
+    switch (defaultTargetPlatform) {
+      // case TargetPlatform.android:
+      //   return android;
+      case TargetPlatform.iOS:
+        return ios;
+      case TargetPlatform.macOS:
+        throw UnsupportedError(
+          'DefaultFirebaseOptions have not been configured for macos - '
+          'you can reconfigure this by running the FlutterFire CLI again.',
+        );
+      case TargetPlatform.windows:
+        throw UnsupportedError(
+          'DefaultFirebaseOptions have not been configured for windows - '
+          'you can reconfigure this by running the FlutterFire CLI again.',
+        );
+      case TargetPlatform.linux:
+        throw UnsupportedError(
+          'DefaultFirebaseOptions have not been configured for linux - '
+          'you can reconfigure this by running the FlutterFire CLI again.',
+        );
+      default:
+        throw UnsupportedError(
+          'DefaultFirebaseOptions are not supported for this platform.',
+        );
+    }
+  }
+
+  // static const FirebaseOptions android = FirebaseOptions(
+  //   apiKey: 'AIzaSyDP6CpkN3HMpCofXlToug-hadYpTLEgE0E',
+  //   appId: '1:318284530945:android:c7dd2abf520a9840250700',
+  //   messagingSenderId: '318284530945',
+  //   projectId: 'nowwallpaper',
+  //   storageBucket: 'nowwallpaper.appspot.com',
+  // );
+
+  static const FirebaseOptions ios = FirebaseOptions(
+    apiKey: 'AIzaSyADeT4ReAayii_M9tl0GHR6tUlyVTXAaSU',
+    appId: '1:490633527148:ios:4249839c5e2ed0d3933d49',
+    messagingSenderId: '490633527148',
+    projectId: 'tonesnap-ios',
+    storageBucket: 'tonesnap-ios.appspot.com',
+    iosBundleId: 'com.tone.music.offline',
+  );
+
+}
\ No newline at end of file
diff --git a/lib/generated/assets.dart b/lib/generated/assets.dart
index d5668da..0d155ab 100644
--- a/lib/generated/assets.dart
+++ b/lib/generated/assets.dart
@@ -11,64 +11,84 @@ class Assets {
   static const String audioRobot = 'assets/audio/robot.wav';
   static const String audioSexy = 'assets/audio/sexy.mp3';
   static const String audioWoman = 'assets/audio/woman.mp3';
-  static const String changeVoiceAbout = 'assets/images/change_voice/about.png';
-  static const String changeVoiceArrowDownBack = 'assets/images/change_voice/arrow_down_back.png';
-  static const String changeVoiceBnb1Selected = 'assets/images/change_voice/bnb1_selected.png';
-  static const String changeVoiceBnb1Unselected = 'assets/images/change_voice/bnb1_unselected.png';
-  static const String changeVoiceBnb2Selected = 'assets/images/change_voice/bnb2_selected.png';
-  static const String changeVoiceBnb2Unselected = 'assets/images/change_voice/bnb2_unselected.png';
-  static const String changeVoiceBnb3Selected = 'assets/images/change_voice/bnb3_selected.png';
-  static const String changeVoiceBnb3Unselected = 'assets/images/change_voice/bnb3_unselected.png';
-  static const String changeVoiceBnb4Selected = 'assets/images/change_voice/bnb4_selected.png';
-  static const String changeVoiceBnb4Unselected = 'assets/images/change_voice/bnb4_unselected.png';
-  static const String changeVoiceChangeVoice = 'assets/images/change_voice/change_voice.png';
-  static const String changeVoiceChangeVoiceBg = 'assets/images/change_voice/change_voice_bg.png';
-  static const String changeVoiceChangeVoiceItemFrame = 'assets/images/change_voice/change_voice_item_frame.png';
-  static const String changeVoiceChangeVoiceItemSelected = 'assets/images/change_voice/change_voice_item_selected.png';
-  static const String changeVoiceFavorite = 'assets/images/change_voice/favorite.png';
-  static const String changeVoiceHomeBg = 'assets/images/change_voice/home_bg.png';
-  static const String changeVoiceHomeBnbBg = 'assets/images/change_voice/home_bnb_bg.png';
-  static const String changeVoiceIconChevronRight = 'assets/images/change_voice/icon_chevron_right.png';
-  static const String changeVoiceImgError = 'assets/images/change_voice/img_error.png';
-  static const String changeVoiceImgPlaceholder = 'assets/images/change_voice/img_placeholder.png';
-  static const String changeVoiceMore = 'assets/images/change_voice/more.png';
-  static const String changeVoiceNotFavorite = 'assets/images/change_voice/not_favorite.png';
-  static const String changeVoiceNotPlayed = 'assets/images/change_voice/not_played.png';
-  static const String changeVoiceNotPlayed1 = 'assets/images/change_voice/not_played1.png';
-  static const String changeVoicePlaySoundBg = 'assets/images/change_voice/play_sound_bg.png';
-  static const String changeVoicePlaying = 'assets/images/change_voice/playing.png';
-  static const String changeVoicePlaying1 = 'assets/images/change_voice/playing1.png';
-  static const String changeVoicePrivacy = 'assets/images/change_voice/privacy.png';
-  static const String changeVoiceSettingsBg = 'assets/images/change_voice/settings_bg.png';
-  static const String changeVoiceSubtract = 'assets/images/change_voice/subtract.png';
-  static const String changeVoiceTheMonster = 'assets/images/change_voice/the_monster.png';
-  static const String changeVoiceTheMonster1 = 'assets/images/change_voice/the_monster1.png';
-  static const String changeVoiceTheMonster2 = 'assets/images/change_voice/the_monster2.png';
-  static const String changeVoiceUploadMethodBg = 'assets/images/change_voice/upload_method_bg.png';
-  static const String changeVoiceUploadPick = 'assets/images/change_voice/upload_pick.png';
-  static const String changeVoiceUploadRecordSound = 'assets/images/change_voice/upload_record_sound.png';
-  static const String changeVoiceUserAgreement = 'assets/images/change_voice/user_agreement.png';
-  static const String changeVoiceVoiceDefault = 'assets/images/change_voice/voice_default.png';
-  static const String coverBoy = 'assets/images/change_voice/cover/boy.jpeg';
-  static const String coverChild = 'assets/images/change_voice/cover/child.png';
-  static const String coverDIY = 'assets/images/change_voice/cover/DIY.jpeg';
-  static const String coverElder = 'assets/images/change_voice/cover/elder.png';
-  static const String coverFast = 'assets/images/change_voice/cover/Fast.jpeg';
-  static const String coverFlash = 'assets/images/change_voice/cover/Flash.jpeg';
-  static const String coverGirl = 'assets/images/change_voice/cover/girl.jpeg';
-  static const String coverMan = 'assets/images/change_voice/cover/man.png';
-  static const String coverMonsters = 'assets/images/change_voice/cover/monsters.png';
-  static const String coverOriginal = 'assets/images/change_voice/cover/Original.jpeg';
-  static const String coverRobot = 'assets/images/change_voice/cover/robot.jpeg';
-  static const String coverSexy = 'assets/images/change_voice/cover/sexy.jpeg';
-  static const String coverSlow = 'assets/images/change_voice/cover/Slow.jpeg';
-  static const String coverWoman = 'assets/images/change_voice/cover/woman.png';
+  static const String coverBoy = 'assets/images/side_a/cover/boy.jpeg';
+  static const String coverChild = 'assets/images/side_a/cover/child.png';
+  static const String coverDIY = 'assets/images/side_a/cover/DIY.jpeg';
+  static const String coverElder = 'assets/images/side_a/cover/elder.png';
+  static const String coverFast = 'assets/images/side_a/cover/Fast.jpeg';
+  static const String coverFlash = 'assets/images/side_a/cover/Flash.jpeg';
+  static const String coverGirl = 'assets/images/side_a/cover/girl.jpeg';
+  static const String coverMan = 'assets/images/side_a/cover/man.png';
+  static const String coverMonsters = 'assets/images/side_a/cover/monsters.png';
+  static const String coverOriginal = 'assets/images/side_a/cover/Original.jpeg';
+  static const String coverRobot = 'assets/images/side_a/cover/robot.jpeg';
+  static const String coverSexy = 'assets/images/side_a/cover/sexy.jpeg';
+  static const String coverSlow = 'assets/images/side_a/cover/Slow.jpeg';
+  static const String coverWoman = 'assets/images/side_a/cover/woman.png';
   static const String iconAppIcon = 'assets/icon/app_icon.jpeg';
-  static const String musicooBnb1Selected = 'assets/images/musicoo/bnb1_selected.png';
-  static const String musicooBnb1Unselected = 'assets/images/musicoo/bnb1_unselected.png';
-  static const String musicooBnb2Selected = 'assets/images/musicoo/bnb2_selected.png';
-  static const String musicooBnb2Unselected = 'assets/images/musicoo/bnb2_unselected.png';
-  static const String musicooBnb3Selected = 'assets/images/musicoo/bnb3_selected.png';
-  static const String musicooBnb3Unselected = 'assets/images/musicoo/bnb3_unselected.png';
+  static const String sideAAbout = 'assets/images/side_a/about.png';
+  static const String sideAArrowDownBack = 'assets/images/side_a/arrow_down_back.png';
+  static const String sideABnb1Selected = 'assets/images/side_a/bnb1_selected.png';
+  static const String sideABnb1Unselected = 'assets/images/side_a/bnb1_unselected.png';
+  static const String sideABnb2Selected = 'assets/images/side_a/bnb2_selected.png';
+  static const String sideABnb2Unselected = 'assets/images/side_a/bnb2_unselected.png';
+  static const String sideABnb3Selected = 'assets/images/side_a/bnb3_selected.png';
+  static const String sideABnb3Unselected = 'assets/images/side_a/bnb3_unselected.png';
+  static const String sideABnb4Selected = 'assets/images/side_a/bnb4_selected.png';
+  static const String sideABnb4Unselected = 'assets/images/side_a/bnb4_unselected.png';
+  static const String sideAChangeVoice = 'assets/images/side_a/change_voice.png';
+  static const String sideAChangeVoiceBg = 'assets/images/side_a/change_voice_bg.png';
+  static const String sideAChangeVoiceItemFrame = 'assets/images/side_a/change_voice_item_frame.png';
+  static const String sideAChangeVoiceItemSelected = 'assets/images/side_a/change_voice_item_selected.png';
+  static const String sideAFavorite = 'assets/images/side_a/favorite.png';
+  static const String sideAHomeBg = 'assets/images/side_a/home_bg.png';
+  static const String sideAHomeBnbBg = 'assets/images/side_a/home_bnb_bg.png';
+  static const String sideAIconChevronRight = 'assets/images/side_a/icon_chevron_right.png';
+  static const String sideALaunchImage = 'assets/images/side_a/launch_image.png';
+  static const String sideAMore = 'assets/images/side_a/more.png';
+  static const String sideANotFavorite = 'assets/images/side_a/not_favorite.png';
+  static const String sideANotPlayed = 'assets/images/side_a/not_played.png';
+  static const String sideANotPlayed1 = 'assets/images/side_a/not_played1.png';
+  static const String sideAPlaySoundBg = 'assets/images/side_a/play_sound_bg.png';
+  static const String sideAPlaying = 'assets/images/side_a/playing.png';
+  static const String sideAPlaying1 = 'assets/images/side_a/playing1.png';
+  static const String sideAPrivacy = 'assets/images/side_a/privacy.png';
+  static const String sideASettingsBg = 'assets/images/side_a/settings_bg.png';
+  static const String sideASubtract = 'assets/images/side_a/subtract.png';
+  static const String sideATheMonster = 'assets/images/side_a/the_monster.png';
+  static const String sideATheMonster1 = 'assets/images/side_a/the_monster1.png';
+  static const String sideATheMonster2 = 'assets/images/side_a/the_monster2.png';
+  static const String sideAUploadMethodBg = 'assets/images/side_a/upload_method_bg.png';
+  static const String sideAUploadPick = 'assets/images/side_a/upload_pick.png';
+  static const String sideAUploadRecordSound = 'assets/images/side_a/upload_record_sound.png';
+  static const String sideAUserAgreement = 'assets/images/side_a/user_agreement.png';
+  static const String sideAVoiceDefault = 'assets/images/side_a/voice_default.png';
+  static const String sideBArrowDownBack = 'assets/images/side_b/arrow_down_back.png';
+  static const String sideBArrowLeftBack = 'assets/images/side_b/arrow_left_back.png';
+  static const String sideBArrowRightItem = 'assets/images/side_b/arrow_right_item.png';
+  static const String sideBBnb1Selected = 'assets/images/side_b/bnb1_selected.png';
+  static const String sideBBnb1Unselected = 'assets/images/side_b/bnb1_unselected.png';
+  static const String sideBBnb2Selected = 'assets/images/side_b/bnb2_selected.png';
+  static const String sideBBnb2Unselected = 'assets/images/side_b/bnb2_unselected.png';
+  static const String sideBBnb3Selected = 'assets/images/side_b/bnb3_selected.png';
+  static const String sideBBnb3Unselected = 'assets/images/side_b/bnb3_unselected.png';
+  static const String sideBBnbBg = 'assets/images/side_b/bnb_bg.png';
+  static const String sideBCrossCircle = 'assets/images/side_b/cross_circle.png';
+  static const String sideBDownload = 'assets/images/side_b/download.png';
+  static const String sideBHomeBg = 'assets/images/side_b/home_bg.png';
+  static const String sideBImgError = 'assets/images/side_b/img_error.png';
+  static const String sideBImgPlaceholder = 'assets/images/side_b/img_placeholder.png';
+  static const String sideBItemPlayer1 = 'assets/images/side_b/item_player1.png';
+  static const String sideBLaunchImage = 'assets/images/side_b/launch_image.png';
+  static const String sideBLineMenu = 'assets/images/side_b/line_menu.png';
+  static const String sideBListLoop = 'assets/images/side_b/list_loop.png';
+  static const String sideBLove = 'assets/images/side_b/love.png';
+  static const String sideBNextSong = 'assets/images/side_b/next_song.png';
+  static const String sideBPausePlay = 'assets/images/side_b/pause_play.png';
+  static const String sideBPlayList = 'assets/images/side_b/play_list.png';
+  static const String sideBPreviousSong = 'assets/images/side_b/previous_song.png';
+  static const String sideBShufflePlayback = 'assets/images/side_b/shuffle_playback.png';
+  static const String sideBSingleCycle = 'assets/images/side_b/single_cycle.png';
+  static const String sideBStartPlay = 'assets/images/side_b/start_play.png';
 
 }
diff --git a/lib/global/app_lifecycle_reactor.dart b/lib/global/app_lifecycle_reactor.dart
new file mode 100644
index 0000000..290eef8
--- /dev/null
+++ b/lib/global/app_lifecycle_reactor.dart
@@ -0,0 +1,24 @@
+// Author: fengshengxiong
+// Date: 2024/6/25
+// Description: 应用程序生命周期反应器
+
+import 'package:google_mobile_ads/google_mobile_ads.dart';
+import 'package:tone_snap/ads/app_open_ad_manager.dart';
+import 'package:tone_snap/ads/interstitial_ad_manager.dart';
+
+class AppLifecycleReactor {
+  AppLifecycleReactor();
+
+  void listenToAppStateChanges() {
+    AppStateEventNotifier.startListening();
+    AppStateEventNotifier.appStateStream
+        .forEach((state) => _onAppStateChanged(state));
+  }
+
+  void _onAppStateChanged(AppState appState) {
+    // 如果应用程序正在恢复前台，尝试显示开屏广告
+    if (appState == AppState.foreground && !InterstitialAdManager().isShowingAd) {
+      AppOpenAdManager().showAdIfAvailable();
+    }
+  }
+}
\ No newline at end of file
diff --git a/lib/global/network_connectivity_service.dart b/lib/global/network_connectivity_service.dart
new file mode 100644
index 0000000..0c9cd05
--- /dev/null
+++ b/lib/global/network_connectivity_service.dart
@@ -0,0 +1,35 @@
+// Author: fengshengxiong
+// Date: 2024/6/26
+// Description: 网络连接服务
+
+import 'dart:async';
+
+import 'package:connectivity_plus/connectivity_plus.dart';
+import 'package:get/get.dart';
+import 'package:tone_snap/ads/app_open_ad_manager.dart';
+import 'package:tone_snap/ads/interstitial_ad_manager.dart';
+import 'package:tone_snap/utils/log_util.dart';
+
+class NetworkConnectivityService extends GetxService {
+  StreamSubscription<List<ConnectivityResult>>? subscription;
+  List<ConnectivityResult> recordResult = [];
+
+  @override
+  void onInit() {
+    super.onInit();
+    subscription = Connectivity().onConnectivityChanged.listen((List<ConnectivityResult> result) {
+      LogUtil.d('网络连接类型变化：$result');
+      if (recordResult.contains(ConnectivityResult.none) && !result.contains(ConnectivityResult.none)) {
+        AppOpenAdManager().loadAd();
+        InterstitialAdManager().loadAd();
+      }
+      recordResult = result;
+    });
+  }
+
+  @override
+  void onClose() {
+    subscription?.cancel();
+    super.onClose();
+  }
+}
\ No newline at end of file
diff --git a/lib/main.dart b/lib/main.dart
index 3299393..ff1f04b 100644
--- a/lib/main.dart
+++ b/lib/main.dart
@@ -1,42 +1,69 @@
 import 'dart:io';
 
+import 'package:firebase_core/firebase_core.dart';
+import 'package:firebase_crashlytics/firebase_crashlytics.dart';
+import 'package:flutter/foundation.dart';
 import 'package:flutter/material.dart';
 import 'package:flutter/services.dart';
 import 'package:flutter_easyloading/flutter_easyloading.dart';
 import 'package:flutter_screenutil/flutter_screenutil.dart';
 import 'package:get/get.dart';
-import 'package:permission_handler/permission_handler.dart';
+import 'package:google_mobile_ads/google_mobile_ads.dart';
 import 'package:tone_snap/components/base_easyloading.dart';
 import 'package:tone_snap/data/app_config.dart';
 import 'package:tone_snap/data/enum/app_side_enum.dart';
 import 'package:tone_snap/data/storage/hive_storage.dart';
+import 'package:tone_snap/firebase/firebase_options.dart';
+import 'package:tone_snap/global/network_connectivity_service.dart';
 import 'package:tone_snap/res/themes/app_themes.dart';
 import 'package:tone_snap/res/values/strings.dart';
 import 'package:tone_snap/routes/app_pages.dart';
 import 'package:tone_snap/routes/app_routes.dart';
 import 'package:tone_snap/utils/file_util.dart';
 import 'package:tone_snap/utils/local_path_util.dart';
-import 'package:tone_snap/utils/permission_util.dart';
+import 'package:tone_snap/utils/log_util.dart';
 
 void main() async {
   WidgetsFlutterBinding.ensureInitialized();
 
-  if (Platform.isIOS) {
-    // 请求 App Tracking Transparency 权限
-    await PermissionUtil.checkPermission([Permission.appTrackingTransparency], showDialog: false);
+  // 初始化Firebase
+  try {
+    await Firebase.initializeApp(
+      options: DefaultFirebaseOptions.currentPlatform,
+    );
+  } catch (e) {
+    LogUtil.e("Firebase initialization error: $e");
   }
 
+  // 非异步错误
+  FlutterError.onError = (errorDetails) {
+    FirebaseCrashlytics.instance.recordFlutterError(errorDetails);
+  };
+
+  // 异步错误
+  PlatformDispatcher.instance.onError = (error, stack) {
+    FirebaseCrashlytics.instance.recordError(error, stack, fatal: false);
+    return true;
+  };
+
+  // 初始化广告 SDK
+  MobileAds.instance.initialize();
+
   // 初始化Hive
   await initHive();
 
+  // 监听网络变化
+  await Get.putAsync(() async => NetworkConnectivityService());
+
+  runApp(const MyApp());
+
   // 竖屏
   SystemChrome.setPreferredOrientations([
     DeviceOrientation.portraitUp,
     DeviceOrientation.portraitDown,
   ]);
 
-  runApp(const MyApp());
-
+  // 设置安卓状态栏背景色透明、底部导航栏颜色和导航栏图标亮度
   if (Platform.isAndroid) {
     SystemChrome.setSystemUIOverlayStyle(const SystemUiOverlayStyle(
       statusBarColor: Colors.transparent,
@@ -61,24 +88,39 @@ class MyApp extends StatelessWidget {
       designSize: const Size(375, 812),
       minTextAdapt: true,
       builder: (context, child) {
-        return GetMaterialApp(
-          title: appName,
-          debugShowCheckedModeBanner: false,
-          theme: AppConfig.appSideEnum == AppSideEnum.sideB ? musicooAppTheme : changeVoiceAppTheme,
-          darkTheme: AppConfig.appSideEnum == AppSideEnum.sideB ? musicooAppTheme : changeVoiceAppTheme,
-          themeMode: ThemeMode.dark,
-          initialRoute: AppConfig.appSideEnum == AppSideEnum.sideB ? AppRoutes.initial : AppRoutes.changeVoiceInitial,
-          getPages: AppPages.routes,
-          builder: (context, widget) {
-            BaseEasyLoading.initGlobalConfig();
-            widget = easyLoading(context, widget);
-            return MediaQuery(
+        if (AppConfig.appSideEnum == AppSideEnum.sideA) {
+          return GetMaterialApp(
+            title: appName,
+            debugShowCheckedModeBanner: false,
+            theme: sideATheme,
+            darkTheme: sideATheme,
+            themeMode: ThemeMode.dark,
+            initialRoute: AppRoutes.splashA,
+            getPages: AppPages.routes,
+            builder: (context, widget) {
+              BaseEasyLoading.initGlobalConfig();
+              widget = easyLoading(context, widget);
               // 设置文字大小不随系统设置改变
-              data: MediaQuery.of(context).copyWith(textScaler: TextScaler.noScaling),
-              child: widget,
-            );
-          },
-        );
+              return MediaQuery.withNoTextScaling(child: widget);
+            },
+          );
+        } else {
+          return GetMaterialApp(
+            title: appName,
+            debugShowCheckedModeBanner: false,
+            theme: sideBTheme,
+            darkTheme: sideBTheme,
+            themeMode: ThemeMode.dark,
+            initialRoute: AppRoutes.splashB,
+            getPages: AppPages.routes,
+            builder: (context, widget) {
+              BaseEasyLoading.initGlobalConfig();
+              widget = easyLoading(context, widget);
+              // 设置文字大小不随系统设置改变
+              return MediaQuery.withNoTextScaling(child: widget);
+            },
+          );
+        }
       },
     );
   }
diff --git a/lib/modules/musicoo/home/home_view.dart b/lib/modules/musicoo/home/home_view.dart
deleted file mode 100644
index 9043e7d..0000000
--- a/lib/modules/musicoo/home/home_view.dart
+++ /dev/null
@@ -1,15 +0,0 @@
-import 'package:flutter/material.dart';
-import 'package:get/get.dart';
-
-import 'home_controller.dart';
-
-class HomeView extends GetView<HomeController> {
-  const HomeView({super.key});
-
-  @override
-  Widget build(BuildContext context) {
-    final controller = Get.find<HomeController>();
-
-    return Container();
-  }
-}
diff --git a/lib/modules/musicoo/initial/initial_view.dart b/lib/modules/musicoo/initial/initial_view.dart
deleted file mode 100644
index b62503e..0000000
--- a/lib/modules/musicoo/initial/initial_view.dart
+++ /dev/null
@@ -1,54 +0,0 @@
-import 'package:flutter/material.dart';
-import 'package:flutter_screenutil/flutter_screenutil.dart';
-import 'package:get/get.dart';
-import 'package:tone_snap/components/keep_alive_wrapper.dart';
-import 'package:tone_snap/modules/musicoo/initial/initial_controller.dart';
-
-class InitialView extends GetView<InitialController> {
-  const InitialView({super.key});
-
-  @override
-  Widget build(BuildContext context) {
-    return Scaffold(
-      body: Column(
-        children: [
-          Expanded(
-            child: PageView(
-              physics: const NeverScrollableScrollPhysics(),
-              controller: controller.pageController,
-              children: controller.pages.map((e) => KeepAliveWrapper(child: e.widget)).toList(),
-            ),
-          ),
-        ],
-      ),
-      bottomNavigationBar: _buildBottomAppBar(),
-    );
-  }
-
-  BottomAppBar _buildBottomAppBar() {
-    return BottomAppBar(
-      height: kBottomNavigationBarHeight,
-      padding: EdgeInsets.zero,
-      color: Colors.transparent,
-      child: SizedBox(
-        height: double.infinity,
-        child: Row(
-          children: controller.pages.asMap().entries.map((e) {
-            return Expanded(
-              child: GestureDetector(
-                onTap: () => controller.onBottomAppBarItemChanged(e.key),
-                child: Obx(() {
-                  return Image.asset(
-                    e.value.icons[controller.currentIndex.value == e.key ? 1 : 0],
-                    width: controller.currentIndex.value == e.key ? 36.w : 28.w,
-                    height: controller.currentIndex.value == e.key ? 36.w : 28.w,
-                  );
-                }),
-              ),
-            );
-          }).toList(),
-        ),
-      ),
-    );
-  }
-}
diff --git a/lib/modules/sidea/about/about_binding.dart b/lib/modules/sidea/about/about_binding.dart
new file mode 100644
index 0000000..52fdf9c
--- /dev/null
+++ b/lib/modules/sidea/about/about_binding.dart
@@ -0,0 +1,10 @@
+import 'package:get/get.dart';
+
+import 'about_controller.dart';
+
+class AboutBinding extends Bindings {
+  @override
+  void dependencies() {
+    Get.lazyPut(() => AboutController());
+  }
+}
diff --git a/lib/modules/sidea/about/about_controller.dart b/lib/modules/sidea/about/about_controller.dart
new file mode 100644
index 0000000..a939f51
--- /dev/null
+++ b/lib/modules/sidea/about/about_controller.dart
@@ -0,0 +1,18 @@
+import 'package:get/get.dart';
+import 'package:package_info_plus/package_info_plus.dart';
+
+class AboutController extends GetxController {
+  var versionName = ''.obs;
+
+  @override
+  void onReady()  {
+    super.onReady();
+    _getVersion();
+  }
+
+  /// 获取版本号
+  void _getVersion() async {
+    final packageInfo = await PackageInfo.fromPlatform();
+    versionName.value = 'App Version：${packageInfo.version}';
+  }
+}
diff --git a/lib/modules/sidea/about/about_view.dart b/lib/modules/sidea/about/about_view.dart
new file mode 100644
index 0000000..92c4bc0
--- /dev/null
+++ b/lib/modules/sidea/about/about_view.dart
@@ -0,0 +1,62 @@
+import 'package:flutter/material.dart';
+import 'package:flutter_screenutil/flutter_screenutil.dart';
+import 'package:get/get.dart';
+import 'package:tone_snap/components/base_appbar.dart';
+import 'package:tone_snap/generated/assets.dart';
+import 'package:tone_snap/modules/sidea/about/about_controller.dart';
+import 'package:tone_snap/res/values/strings.dart';
+
+class AboutView extends StatelessWidget {
+  AboutView({super.key});
+
+  final controller = Get.find<AboutController>();
+
+  @override
+  Widget build(BuildContext context) {
+    return Scaffold(
+      appBar: const BaseAppBar('About'),
+      body: Container(
+        alignment: Alignment.topCenter,
+        child: Column(
+          children: [
+            SizedBox(height: 60.h),
+            Image.asset(
+              Assets.iconAppIcon,
+              width: 120.w,
+              height: 120.w,
+            ),
+            SizedBox(height: 20.h),
+            Obx(() {
+              return RichText(
+                maxLines: 2,
+                overflow: TextOverflow.ellipsis,
+                textAlign: TextAlign.center,
+                text: TextSpan(
+                  text: appName,
+                  style: TextStyle(
+                    color: Colors.white,
+                    fontSize: 22.sp,
+                    fontWeight: FontWeight.w600,
+                  ),
+                  children: [
+                    TextSpan(
+                      text: '\n${controller.versionName.value}',
+                      style: TextStyle(
+                        color: Colors.white,
+                        fontSize: 12.sp,
+                        fontWeight: FontWeight.w600,
+                      ),
+                    ),
+                    WidgetSpan(
+                      child: SizedBox(height: 20.h),
+                    ),
+                  ],
+                ),
+              );
+            }),
+          ],
+        ),
+      ),
+    );
+  }
+}
diff --git a/lib/modules/sidea/change_voice/change_voice_binding.dart b/lib/modules/sidea/change_voice/change_voice_binding.dart
new file mode 100644
index 0000000..1b13552
--- /dev/null
+++ b/lib/modules/sidea/change_voice/change_voice_binding.dart
@@ -0,0 +1,9 @@
+import 'package:get/get.dart';
+import 'package:tone_snap/modules/sidea/change_voice/change_voice_controller.dart';
+
+class ChangeVoiceBinding extends Bindings {
+  @override
+  void dependencies() {
+    Get.lazyPut(() => ChangeVoiceController());
+  }
+}
diff --git a/lib/modules/sidea/change_voice/change_voice_controller.dart b/lib/modules/sidea/change_voice/change_voice_controller.dart
new file mode 100644
index 0000000..7e78d13
--- /dev/null
+++ b/lib/modules/sidea/change_voice/change_voice_controller.dart
@@ -0,0 +1,197 @@
+import 'package:ffmpeg_kit_flutter_audio/ffmpeg_kit.dart';
+import 'package:ffmpeg_kit_flutter_audio/ffmpeg_session.dart';
+import 'package:ffmpeg_kit_flutter_audio/return_code.dart';
+import 'package:get/get.dart';
+import 'package:tone_snap/ads/interstitial_ad_manager.dart';
+import 'package:tone_snap/components/base_easyloading.dart';
+import 'package:tone_snap/data/sidea/models/voice_model.dart';
+import 'package:tone_snap/data/sidea/storage/my_voice_data.dart';
+import 'package:tone_snap/generated/assets.dart';
+import 'package:tone_snap/modules/sidea/controllers/player_controller.dart';
+import 'package:tone_snap/modules/sidea/initial/initial_controller.dart';
+import 'package:tone_snap/routes/app_routes.dart';
+import 'package:tone_snap/utils/date_util.dart';
+import 'package:tone_snap/utils/file_util.dart';
+import 'package:tone_snap/utils/local_path_util.dart';
+import 'package:tone_snap/utils/log_util.dart';
+import 'package:tone_snap/utils/obj_util.dart';
+
+class ChangeVoiceController extends GetxController {
+  var timberList = [
+    // Timber('Child', Assets.coverChild, 1.3, 1.1),
+    // Timber('Boy', Assets.coverBoy, 1.2, 1.1),
+    // Timber('Man', Assets.coverMan, 0.9, 1.1),
+    // Timber('Elder', Assets.coverElder, 0.75, 1.333),
+    // Timber('Robot', Assets.coverRobot, 1.0, 1.5),
+    // Timber('Girl', Assets.coverGirl, 1.5, 0.6667),
+    // Timber('Sexy', Assets.coverSexy, 1.25, 0.8),
+    // Timber('Woman', Assets.coverWoman, 1.25, 0.8),
+    // Timber('Monsters', Assets.coverMonsters, 0.7, 1.1),
+
+    Timber('Original', Assets.coverOriginal, 1.0, 1.0, check: true),
+    Timber('Fast', Assets.coverFast, 1.0, 1.5),
+    Timber('Slow', Assets.coverSlow, 1.0, 0.5),
+    Timber('Flash', Assets.coverFlash, 1.0, 2.0),
+    Timber('Baby', Assets.coverChild, 1.3, 0.76),
+    Timber('Robot', Assets.coverRobot, 1.0, 1.25),
+    Timber('Monsters', Assets.coverMonsters, 0.60, 1.1),
+    Timber('DIY', Assets.coverDIY, 1.0, 1.0),
+  ].obs;
+  var currentIndex = 0.obs;
+  final playerController = PlayerController.to;
+  var toneValue = 1.0.obs;
+  var soundSpeedValue = 1.0.obs;
+  late String filePath;
+
+  @override
+  void onInit() {
+    super.onInit();
+    InterstitialAdManager().loadAd();
+
+    filePath = Get.arguments;
+    // playerController.setFilePath(filePath);
+  }
+
+  @override
+  void onClose() async {
+    // if (Platform.isAndroid) await playerController.setPitch(1.0);
+    // await playerController.setSpeed(1.0);
+    // playerController.stopPlay();
+    super.onClose();
+  }
+
+  void onTapItem(Timber item, int index) {
+    for (var e in timberList) {
+      // e == item ? item.check = !item.check : e.check = false;
+      e.check = false;
+    }
+    item.check = true;
+    currentIndex.value = index;
+    toneValue.value = item.check ? item.tone : 1.0;
+    soundSpeedValue.value = item.check ? item.soundSpeed : 1.0;
+    // if (Platform.isAndroid) playerController.setPitch(toneValue.value);
+    // playerController.setSpeed(soundSpeedValue.value);
+    timberList.refresh();
+  }
+
+  /// 开始/暂停播放
+  Future<void> togglePlayback() async {
+    if (playerController.isPlaying.value) {
+      await playerController.pausePlay();
+    } else {
+      await playerController.startPlay();
+    }
+  }
+
+  void onChanged(double value, int type) {
+    // var item = timberList.firstWhereOrNull((e) => e.check);
+    if (type == 0) {
+      toneValue.value = value;
+      // if (Platform.isAndroid) playerController.setPitch(toneValue.value);
+      // if (item?.tone.toString() != NumUtil.formatNum(value)) {
+      //   item?.check = false;
+      //   timberList.refresh();
+      // }
+    } else {
+      soundSpeedValue.value = value;
+      // playerController.setSpeed(soundSpeedValue.value);
+      // if (item?.soundSpeed.toString() != NumUtil.formatNum(value)) {
+      //   item?.check = false;
+      //   timberList.refresh();
+      // }
+    }
+  }
+
+  /// 保存
+  Future<void> save() async {
+    // 显示插页广告
+    InterstitialAdManager().showAdIfAvailable();
+
+    // 停止播放
+    if (playerController.isPlaying.value) playerController.stopPlay();
+    BaseEasyLoading.loading();
+
+    try {
+      // 若是assets路径，转换为文件路径
+      if (filePath.contains('assets')) {
+        filePath = await FileUtil.getAssetsToFilePath(filePath);
+      }
+
+      // 输出目录
+      final outputDir = await LocalPathUtil.getVoiceChangeOutputDir();
+      String fileName = '${DateUtil.getNowTimeStr().replaceAll(' ', '_')}_output.mp3';
+      String outputPath = '${outputDir.path}/$fileName';
+
+      var filter = "";
+      // var timber = timberList.firstWhereOrNull((e) => e.check);
+      // if (timber != null) {
+      //   int index = timberList.indexOf(timber);
+      //   if (index == 5) filter = ",afftdn=nf=-30";
+      // }
+
+      if (currentIndex.value == 5) filter = ",afftdn=nf=-30,aecho=0.8:0.88:60:0.4";
+
+      // 获取原始采样率
+      String sampleRate = await _getSampleRate() ?? '24000';
+
+      // 构建 FFmpeg 命令
+      final String command = '-i $filePath -af "asetrate=$sampleRate*${toneValue.value},atempo=${soundSpeedValue.value}$filter" $outputPath';
+
+      // 执行 FFmpeg 命令
+      FFmpegSession session = await FFmpegKit.execute(command);
+
+      // 获取执行结果
+      final returnCode = await session.getReturnCode();
+      if (ReturnCode.isSuccess(returnCode)) {
+        LogUtil.d('Audio processing successful');
+        try {
+          await MyVoiceData().addData(VoiceModel(name: fileName, path: outputPath));
+          BaseEasyLoading.toast('Save successful');
+
+          // 回到首页-我的页面
+          Get.until((route) => route.settings.name == AppRoutes.initialA);
+          InitialController.to.onBottomAppBarItemChanged(2);
+        } catch (e) {
+          BaseEasyLoading.toast('Save failed');
+        }
+      } else {
+        LogUtil.d('Audio processing failed');
+        BaseEasyLoading.toast('Audio processing failed');
+      }
+    } catch (e) {
+      BaseEasyLoading.toast('Audio processing failed');
+    }
+  }
+
+  /// 获取音频的采样率
+  Future<String?> _getSampleRate() async {
+    String? sampleRate;
+    String ffmpegCommand = '-i $filePath';
+    FFmpegSession session = await FFmpegKit.execute(ffmpegCommand);
+    final output = await session.getOutput();
+    if (ObjUtil.isNotEmpty(output)) {
+      // 使用正则表达式提取采样率
+      final regex = RegExp(r'(\d+) Hz');
+      final match = regex.firstMatch(output!);
+      if (match != null) {
+        sampleRate = match.group(1);
+        LogUtil.d('采样率: $sampleRate Hz');
+      } else {
+        LogUtil.e('未找到采样率');
+      }
+    } else {
+      LogUtil.e('获取采样率失败');
+    }
+    return sampleRate;
+  }
+}
+
+class Timber {
+  late final String name;
+  late final String cover;
+  late final double tone;
+  late final double soundSpeed;
+  bool check;
+
+  Timber(this.name, this.cover, this.tone, this.soundSpeed, {this.check = false});
+}
\ No newline at end of file
diff --git a/lib/modules/sidea/change_voice/change_voice_view.dart b/lib/modules/sidea/change_voice/change_voice_view.dart
new file mode 100644
index 0000000..a7cbf9b
--- /dev/null
+++ b/lib/modules/sidea/change_voice/change_voice_view.dart
@@ -0,0 +1,321 @@
+import 'package:flutter/material.dart';
+import 'package:flutter_screenutil/flutter_screenutil.dart';
+import 'package:get/get.dart';
+import 'package:tone_snap/components/my_marquee_text.dart';
+import 'package:tone_snap/components/base_appbar.dart';
+import 'package:tone_snap/components/round_rect_slider_thumb_shape.dart';
+import 'package:tone_snap/components/round_rect_slider_track_shape.dart';
+import 'package:tone_snap/generated/assets.dart';
+import 'package:tone_snap/modules/sidea/change_voice/change_voice_controller.dart';
+import 'package:tone_snap/utils/num_util.dart';
+
+class ChangeVoiceView extends StatelessWidget {
+  ChangeVoiceView({super.key});
+
+  final controller = Get.find<ChangeVoiceController>();
+
+  @override
+  Widget build(BuildContext context) {
+    return Stack(
+      children: [
+        Image.asset(
+          Assets.sideAChangeVoiceBg,
+          width: 1.sw,
+          height: 1.sh,
+          fit: BoxFit.fill,
+        ),
+        Scaffold(
+          backgroundColor: Colors.transparent,
+          appBar: const BaseAppBar('Change voice', backgroundColor: Colors.transparent),
+          body: Column(
+            children: [
+              Expanded(
+                child: _buildTimber(),
+              ),
+              SizedBox(height: 20.h),
+              _buildSlider(context, 0),
+              SizedBox(height: 20.h),
+              _buildSlider(context, 1),
+              SizedBox(height: 20.h),
+              // _buildPlayer(),
+              _buildSave(),
+            ],
+          ),
+        ),
+      ],
+    );
+  }
+
+  Widget _buildTimber() {
+    return Column(
+      crossAxisAlignment: CrossAxisAlignment.start,
+      children: [
+        SizedBox(height: 12.h),
+        Padding(
+          padding: const EdgeInsets.symmetric(horizontal: 24).w,
+          child: Text(
+            'Timber',
+            style: TextStyle(
+              color: Colors.white,
+              fontSize: 20.sp,
+              fontWeight: FontWeight.w700,
+            ),
+          ),
+        ),
+        SizedBox(height: 16.h),
+        Obx(() {
+          return Expanded(
+            child: GridView.builder(
+              itemCount: controller.timberList.length,
+              padding: EdgeInsets.symmetric(horizontal: 24.w),
+              gridDelegate: SliverGridDelegateWithFixedCrossAxisCount(
+                crossAxisCount: 4,
+                mainAxisSpacing: 10.h,
+                crossAxisSpacing: 0.w,
+                childAspectRatio: 102/130,
+              ),
+              itemBuilder: (context, index) {
+                return _buildItem(controller.timberList[index], index);
+              },
+            ),
+          );
+        }),
+      ],
+    );
+  }
+
+  Widget _buildItem(Timber item, int index) {
+    return GestureDetector(
+      onTap: () => controller.onTapItem(item, index),
+      child: Column(
+        children: [
+          Stack(
+            alignment: Alignment.center,
+            clipBehavior: Clip.none,
+            children: [
+              Visibility(
+                visible: item.check,
+                maintainState: true,
+                maintainAnimation: true,
+                maintainSize: true,
+                child: Image.asset(
+                  Assets.sideAChangeVoiceItemFrame,
+                  width: 78.w,
+                  height: 78.w,
+                  fit: BoxFit.fill,
+                ),
+              ),
+              ClipRRect(
+                borderRadius: BorderRadius.circular(64.w/2),
+                child: Image.asset(
+                  item.cover,
+                  width: 64.w,
+                  height: 64.w,
+                  fit: BoxFit.cover,
+                ),
+              ),
+              Visibility(
+                visible: item.check,
+                child: Positioned(
+                  right: 0.w,
+                  bottom: 0.h,
+                  child: Image.asset(
+                    Assets.sideAChangeVoiceItemSelected,
+                    width: 23.w,
+                    height: 23.w,
+                    fit: BoxFit.fill,
+                  ),
+                ),
+              ),
+            ],
+          ),
+          SizedBox(height: 4.h),
+          Expanded(
+            child: MyMarqueeText(
+              text: item.name.toString(),
+              textStyle: TextStyle(
+                color: Colors.white,
+                fontSize: 16.sp,
+                fontWeight: FontWeight.w500,
+              ),
+            ),
+          ),
+        ],
+      ),
+    );
+  }
+
+  Widget _buildSlider(BuildContext context, int type) {
+    return Padding(
+      padding: const EdgeInsets.symmetric(horizontal: 24).w,
+      child: Column(
+        crossAxisAlignment: CrossAxisAlignment.start,
+        children: [
+          Text(
+            type == 0 ? 'Tone' : 'Sound speed',
+            style: TextStyle(
+              color: Colors.white,
+              fontSize: 20.sp,
+              fontWeight: FontWeight.w700,
+            ),
+          ),
+          SizedBox(height: 16.h),
+          Row(
+            children: [
+              Expanded(
+                child: Obx(() {
+                  return SliderTheme(
+                    data: SliderTheme.of(context).copyWith(
+                      activeTrackColor: const Color(0x33000000),
+                      inactiveTrackColor: const Color(0x33000000),
+                      trackShape: RoundRectSliderTrackShape(
+                        trackHeight: 20.h,
+                        trackRadius: 12.r,
+                      ),
+                      thumbShape: RoundRectSliderThumbShape(
+                        thumbWidth: 32.w,
+                        thumbHeight: 44.h,
+                        thumbRadius: 12.r,
+                        thumbColor: controller.currentIndex.value == controller.timberList.length - 1 ? Colors.black : const Color(0x33000000),
+                      ),
+                    ),
+                    child: Slider(
+                      min: 0.5,
+                      max: 2,
+                      value: type == 0 ? controller.toneValue.value : controller.soundSpeedValue.value,
+                      onChanged: controller.currentIndex.value == controller.timberList.length - 1 ? (value) => controller.onChanged(value, type) : null,
+                    ),
+                  );
+                }),
+              ),
+              SizedBox(width: 20.w),
+              Obx(() {
+                return SizedBox(
+                  width: 40.w,
+                  child: Text(
+                    type == 0 ? NumUtil.formatNum(controller.toneValue.value) : NumUtil.formatNum(controller.soundSpeedValue.value),
+                    style: TextStyle(
+                      color: const Color(0x73000000),
+                      fontSize: 16.sp,
+                      fontWeight: FontWeight.w600,
+                    ),
+                  ),
+                );
+              }),
+            ],
+          ),
+        ],
+      ),
+    );
+  }
+
+  // Widget _buildPlayer() {
+  //   return Row(
+  //     children: [
+  //       SizedBox(width: 24.w),
+  //       GestureDetector(
+  //         onTap: controller.togglePlayback,
+  //         child: ClipOval(
+  //           child: Container(
+  //             width: 54.w,
+  //             height: 54.w,
+  //             color: Colors.black,
+  //             child: Center(
+  //               child: Obx(() {
+  //                 return Image.asset(
+  //                   controller.playerController.isPlaying.value ? Assets.sideAPlaying1 : Assets.sideANotPlayed1,
+  //                   width: 29.w,
+  //                   height: 29.w,
+  //                 );
+  //               }),
+  //             ),
+  //           ),
+  //         ),
+  //       ),
+  //       SizedBox(width: 16.w),
+  //       Expanded(
+  //         child: Column(
+  //           children: [
+  //             SizedBox(height: 17.h),
+  //             ClipRRect(
+  //               borderRadius: BorderRadius.circular(6.5),
+  //               child: Obx(() {
+  //                 return LinearProgressIndicator(
+  //                   value: controller.playerController.positionValue.value,
+  //                   valueColor: const AlwaysStoppedAnimation<Color>(Colors.black),
+  //                   backgroundColor: const Color(0x40000000),
+  //                   borderRadius: BorderRadius.circular(6.5),
+  //                   minHeight: 12.h,
+  //                 );
+  //               }),
+  //             ),
+  //             SizedBox(height: 8.h),
+  //             Row(
+  //               mainAxisAlignment: MainAxisAlignment.spaceBetween,
+  //               children: [
+  //                 Flexible(
+  //                   child: Obx(() {
+  //                     return Text(
+  //                       controller.playerController.getPositionDuration(),
+  //                       maxLines: 1,
+  //                       overflow: TextOverflow.ellipsis,
+  //                       style: TextStyle(
+  //                         color: const Color(0x73000000),
+  //                         fontSize: 14.sp,
+  //                         fontWeight: FontWeight.w500,
+  //                       ),
+  //                     );
+  //                   }),
+  //                 ),
+  //                 Flexible(
+  //                   child: Obx(() {
+  //                     return Text(
+  //                       controller.playerController.getDuration(),
+  //                       maxLines: 1,
+  //                       overflow: TextOverflow.ellipsis,
+  //                       style: TextStyle(
+  //                         color: const Color(0x73000000),
+  //                         fontSize: 14.sp,
+  //                         fontWeight: FontWeight.w500,
+  //                       ),
+  //                     );
+  //                   }),
+  //                 ),
+  //               ],
+  //             ),
+  //           ],
+  //         ),
+  //       ),
+  //       SizedBox(width: 34.w),
+  //     ],
+  //   );
+  // }
+
+  Widget _buildSave() {
+    return Padding(
+      padding: const EdgeInsets.symmetric(vertical: 24).h,
+      child: ClipRRect(
+        borderRadius: BorderRadius.circular(26.5),
+        child: Material(
+          color: Colors.black,
+          child: InkWell(
+            onTap: controller.save,
+            child: Container(
+              width: 229.w,
+              height: 53.h,
+              alignment: Alignment.center,
+              child: Text(
+                'Save',
+                style: TextStyle(
+                  color: Colors.white,
+                  fontSize: 24.sp,
+                  fontWeight: FontWeight.bold,
+                ),
+              ),
+            ),
+          ),
+        ),
+      ),
+    );
+  }
+}
\ No newline at end of file
diff --git a/lib/modules/sidea/controllers/player_controller.dart b/lib/modules/sidea/controllers/player_controller.dart
new file mode 100644
index 0000000..09e36a9
--- /dev/null
+++ b/lib/modules/sidea/controllers/player_controller.dart
@@ -0,0 +1,182 @@
+// Author: fengshengxiong
+// Date: 2024/5/30
+// Description: 播放器控制器
+
+import 'dart:async';
+import 'dart:io';
+
+import 'package:flutter/services.dart';
+import 'package:get/get.dart';
+import 'package:just_audio/just_audio.dart';
+import 'package:tone_snap/components/base_easyloading.dart';
+import 'package:tone_snap/utils/audio_util.dart';
+import 'package:tone_snap/utils/log_util.dart';
+
+class PlayerController extends GetxController {
+  static PlayerController get to => Get.put(PlayerController());
+
+  StreamSubscription<PlayerState>? _playerStateSubscription;
+  StreamSubscription<Duration>? _durationSubscription;
+
+  final _player = AudioPlayer();
+  var filePath = '';
+  var isPlaying = false.obs;
+  var isCompleted = true.obs;
+  var positionValue = 0.0.obs;
+  var duration = const Duration().obs;
+  var positionDuration = const Duration().obs;
+  var isReady = false;
+
+  @override
+  void onInit() {
+    super.onInit();
+    AudioUtil.configAudioSession();
+  }
+
+  @override
+  void onClose() {
+    _stopListening();
+    _player.dispose();
+    super.onClose();
+  }
+
+  Future<void> setFilePath(String filePath) async {
+    if (!filePath.contains('assets') && !await _fileExists(filePath)) return;
+    if (this.filePath != filePath) {
+      this.filePath = filePath;
+      try {
+        isReady = false;
+        if (filePath.contains('assets')) {
+          duration.value = await _player.setAsset(filePath) ?? Duration.zero;
+        } else {
+          duration.value = await _player.setFilePath(filePath) ?? Duration.zero;
+        }
+        isReady = true;
+      } on PlayerException catch (e) {
+        LogUtil.e("Error code: ${e.code}");
+        LogUtil.e("Error message: ${e.message}");
+        BaseEasyLoading.toast("Error message: ${e.message}");
+      } on PlayerInterruptedException catch (e) {
+        LogUtil.e("Connection aborted: ${e.message}");
+        BaseEasyLoading.toast("Connection aborted: ${e.message}");
+      } catch (e) {
+        LogUtil.e('An error occured: $e');
+        BaseEasyLoading.toast('An error occured: $e');
+      }
+    }
+  }
+
+  /// 监听
+  void _startListening() {
+    _playerStateSubscription = _player.playerStateStream.listen((playerState) {
+      switch (playerState.processingState) {
+        case ProcessingState.idle:
+          break;
+        case ProcessingState.loading:
+          break;
+        case ProcessingState.buffering:
+          break;
+        case ProcessingState.ready:
+          break;
+        case ProcessingState.completed:
+          isCompleted.value = true;
+          _player.seek(Duration.zero);
+          pausePlay();
+          break;
+      }
+    });
+
+    _durationSubscription = _player.positionStream.listen((position) {
+      if (_player.duration != null) {
+        duration.value = _player.duration!;
+        positionDuration.value = position;
+        positionValue.value = position.inMilliseconds.toDouble() / _player.duration!.inMilliseconds.toDouble();
+      }
+    }, onError: (Object e, StackTrace st) {
+      if (e is PlatformException) {
+        LogUtil.e('Error code: ${e.code}');
+        LogUtil.e('Error message: ${e.message}');
+        LogUtil.e('AudioSource index: ${e.details?['index']}');
+        BaseEasyLoading.toast('Error message: ${e.message}');
+      } else {
+        LogUtil.e('An error occurred: $e');
+        BaseEasyLoading.toast('An error occurred: $e');
+      }
+    });
+  }
+
+  void _stopListening() {
+    _playerStateSubscription?.cancel();
+    _playerStateSubscription = null;
+    _durationSubscription?.cancel();
+    _durationSubscription = null;
+  }
+
+  /// 开始播放
+  Future<void> startPlay() async {
+    if (!filePath.contains('assets') && !await _fileExists(filePath)) return;
+    if (!isReady) {
+      BaseEasyLoading.toast('Loading audio source');
+      return;
+    }
+    _startListening();
+    _player.play();
+    isPlaying.value = true;
+    isCompleted.value = false;
+  }
+
+  /// 暂停播放
+  Future<void> pausePlay() async {
+    await _player.pause();
+    isPlaying.value = false;
+    _stopListening();
+  }
+
+  /// 停止播放并释放资源
+  Future<void> stopPlay() async {
+    await _player.stop();
+    _stopListening();
+    _player.seek(Duration.zero);
+    isPlaying.value = false;
+    isCompleted.value = true;
+    positionValue.value = 0.0;
+    // duration.value = Duration.zero;
+    positionDuration.value = Duration.zero;
+  }
+
+  String getDuration() {
+    return printDuration(duration.value);
+  }
+
+  String getPositionDuration() {
+    return printDuration(positionDuration.value);
+  }
+
+  /// 打印持续时间
+  String printDuration(Duration duration) {
+    String twoDigits(int n) => n.toString().padLeft(2, '0');
+    final minutes = twoDigits(duration.inMinutes.remainder(60));
+    final seconds = twoDigits(duration.inSeconds.remainder(60));
+    return '$minutes:$seconds';
+  }
+
+  /// 判断文件是否存在
+  Future<bool> _fileExists(String path) async {
+    if (await File(path).exists()) {
+      return true;
+    } else {
+      BaseEasyLoading.toast('Audio does not exist');
+      return false;
+    }
+  }
+
+  /// 设置声调
+  Future<void> setPitch(double setPitch) async {
+    await _player.setPitch(setPitch);
+  }
+
+  /// 设置声速
+  Future<void> setSpeed(double speed) async {
+    await _player.setSpeed(speed);
+  }
+}
diff --git a/lib/modules/sidea/favourite/favourite_binding.dart b/lib/modules/sidea/favourite/favourite_binding.dart
new file mode 100644
index 0000000..ac01b4a
--- /dev/null
+++ b/lib/modules/sidea/favourite/favourite_binding.dart
@@ -0,0 +1,10 @@
+import 'package:get/get.dart';
+
+import 'favourite_controller.dart';
+
+class FavouriteBinding extends Bindings {
+  @override
+  void dependencies() {
+    Get.lazyPut(() => FavouriteController());
+  }
+}
diff --git a/lib/modules/sidea/favourite/favourite_controller.dart b/lib/modules/sidea/favourite/favourite_controller.dart
new file mode 100644
index 0000000..411f2ff
--- /dev/null
+++ b/lib/modules/sidea/favourite/favourite_controller.dart
@@ -0,0 +1,78 @@
+import 'package:flutter/material.dart';
+import 'package:get/get.dart';
+import 'package:tone_snap/components/base_easyloading.dart';
+import 'package:tone_snap/components/dialog/remind_dialog.dart';
+import 'package:tone_snap/components/dialog/rename_dialog.dart';
+import 'package:tone_snap/components/view_state_widget.dart';
+import 'package:tone_snap/data/sidea/models/voice_model.dart';
+import 'package:tone_snap/data/sidea/storage/favorite_data.dart';
+import 'package:tone_snap/modules/sidea/initial/initial_controller.dart';
+import 'package:tone_snap/routes/app_routes.dart';
+
+class FavouriteController extends GetxController {
+  static FavouriteController get to => Get.find<FavouriteController>();
+  var scrollController = ScrollController();
+  var voiceList = <VoiceModel>[].obs;
+  var viewState = ViewState.loading.obs;
+
+  @override
+  void onReady() {
+    super.onReady();
+    getData();
+  }
+
+  void getData() {
+    voiceList.value = FavoriteData().getList().reversed.toList();
+    _refreshList();
+  }
+
+  void _refreshList() {
+    viewState.value = voiceList.isNotEmpty ? ViewState.normal : ViewState.empty;
+    voiceList.refresh();
+  }
+
+  void onTapItem(VoiceModel item) {
+    InitialController.to.currentPlayVoiceModel.value = item;
+    Get.toNamed(AppRoutes.playSound, arguments: item);
+  }
+
+  void onTapReName(VoiceModel item) {
+    Get.dialog(
+      barrierDismissible: true,
+      RenameDialog(
+        name: item.name,
+        confirmOnTap: (value) {
+          item.name = value;
+          item.save();
+          voiceList.refresh();
+
+          // 若 item 和当前正播放的 item 是同个对象，则需要同步修改
+          if (item.path == InitialController.to.currentPlayVoiceModel.value?.path) {
+            InitialController.to.currentPlayVoiceModel.update((e) => e?.name = value);
+          }
+        },
+      ),
+    );
+  }
+
+  void onTapDelete(VoiceModel item) {
+    Get.dialog(
+      barrierDismissible: false,
+      RemindDialog(
+        content: 'Are you sure to delete it?',
+        confirmOnTap: () async {
+          BaseEasyLoading.loading();
+          await item.delete();
+          voiceList.remove(item);
+          BaseEasyLoading.toast('Removed');
+
+          // 若 item 和当前正播放的 item 是同个对象，则需要同步修改
+          if (item.path == InitialController.to.currentPlayVoiceModel.value?.path) {
+            InitialController.to.isFavourite.value = false;
+          }
+          _refreshList();
+        },
+      ),
+    );
+  }
+}
diff --git a/lib/modules/sidea/favourite/favourite_view.dart b/lib/modules/sidea/favourite/favourite_view.dart
new file mode 100644
index 0000000..1a02ed7
--- /dev/null
+++ b/lib/modules/sidea/favourite/favourite_view.dart
@@ -0,0 +1,41 @@
+import 'package:flutter/material.dart';
+import 'package:flutter_screenutil/flutter_screenutil.dart';
+import 'package:get/get.dart';
+import 'package:tone_snap/modules/sidea/widgets/my_voice_item.dart';
+import 'package:tone_snap/components/view_state_widget.dart';
+import 'package:tone_snap/modules/sidea/favourite/favourite_controller.dart';
+
+class FavouriteView extends GetView<FavouriteController> {
+  const FavouriteView({super.key});
+
+  @override
+  Widget build(BuildContext context) {
+    Get.put(FavouriteController());
+    return Obx(() {
+      return ViewStateWidget(
+        viewState: controller.viewState.value,
+        child: MediaQuery.removePadding(
+          context: context,
+          removeTop: true,
+          child: Scrollbar(
+            controller: controller.scrollController,
+            child: ListView.builder(
+              controller: controller.scrollController,
+              itemCount: controller.voiceList.length,
+              padding: EdgeInsets.symmetric(vertical: 16.h),
+              itemBuilder: (context, index) {
+                var item = controller.voiceList[index];
+                return MyVoiceItem(
+                  item: item,
+                  onTapItem: () => controller.onTapItem(item),
+                  onReName: () => controller.onTapReName(item),
+                  onDelete: () => controller.onTapDelete(item),
+                );
+              },
+            ),
+          ),
+        ),
+      );
+    });
+  }
+}
diff --git a/lib/modules/sidea/home/home_binding.dart b/lib/modules/sidea/home/home_binding.dart
new file mode 100644
index 0000000..08cdc76
--- /dev/null
+++ b/lib/modules/sidea/home/home_binding.dart
@@ -0,0 +1,9 @@
+import 'package:get/get.dart';
+import 'package:tone_snap/modules/sidea/home/home_controller.dart';
+
+class HomeBinding extends Bindings {
+  @override
+  void dependencies() {
+    Get.lazyPut(() => HomeController());
+  }
+}
diff --git a/lib/modules/sidea/home/home_controller.dart b/lib/modules/sidea/home/home_controller.dart
new file mode 100644
index 0000000..2804102
--- /dev/null
+++ b/lib/modules/sidea/home/home_controller.dart
@@ -0,0 +1,47 @@
+import 'package:get/get.dart';
+import 'package:tone_snap/components/base_easyloading.dart';
+import 'package:tone_snap/data/sidea/models/voice_model.dart';
+import 'package:tone_snap/generated/assets.dart';
+import 'package:tone_snap/modules/sidea/controllers/player_controller.dart';
+import 'package:tone_snap/modules/sidea/initial/initial_controller.dart';
+import 'package:tone_snap/routes/app_routes.dart';
+
+class HomeController extends GetxController {
+  static HomeController get to => Get.find<HomeController>();
+  var playerController = PlayerController.to;
+  var voiceList = [
+    VoiceModel(name: 'Baby', path: Assets.audioChild, cover: Assets.coverChild),
+    VoiceModel(name: 'Boy', path: Assets.audioBoy, cover: Assets.coverBoy),
+    VoiceModel(name: 'Man', path: Assets.audioMan, cover: Assets.coverMan),
+    VoiceModel(name: 'Elder', path: Assets.audioElder, cover: Assets.coverElder),
+    VoiceModel(name: 'Robot', path: Assets.audioRobot, cover: Assets.coverRobot),
+    VoiceModel(name: 'Girl', path: Assets.audioGirl, cover: Assets.coverGirl),
+    VoiceModel(name: 'Sexy', path: Assets.audioSexy, cover: Assets.coverSexy),
+    VoiceModel(name: 'Woman', path: Assets.audioWoman, cover: Assets.coverWoman),
+    VoiceModel(name: 'Monsters', path: Assets.audioMonsters, cover: Assets.coverMonsters),
+  ];
+
+  void onTapItem(VoiceModel item) {
+    InitialController.to.currentPlayVoiceModel.value = item;
+    Get.toNamed(AppRoutes.playSound, arguments: item);
+  }
+
+  Future<void> onTapPlayBarPlay(VoiceModel item) async {
+    if (isPlayItem(item)) {
+      await playerController.pausePlay();
+    } else {
+      if (!identical(item, InitialController.to.currentPlayVoiceModel.value)) {
+        BaseEasyLoading.loading();
+        await playerController.setFilePath(item.path);
+        BaseEasyLoading.dismiss();
+        InitialController.to.currentPlayVoiceModel.value = item;
+        InitialController.to.isFavourite.value = InitialController.to.getIsFavouriteModel() != null;
+      }
+      await playerController.startPlay();
+    }
+  }
+
+  bool isPlayItem(VoiceModel item) {
+    return playerController.isPlaying.value && identical(InitialController.to.currentPlayVoiceModel.value, item);
+  }
+}
\ No newline at end of file
diff --git a/lib/modules/sidea/home/home_view.dart b/lib/modules/sidea/home/home_view.dart
new file mode 100644
index 0000000..ce20ddb
--- /dev/null
+++ b/lib/modules/sidea/home/home_view.dart
@@ -0,0 +1,128 @@
+import 'package:flutter/material.dart';
+import 'package:flutter_screenutil/flutter_screenutil.dart';
+import 'package:get/get.dart';
+import 'package:tone_snap/components/circular_notch_clipper.dart';
+import 'package:tone_snap/components/my_marquee_text.dart';
+import 'package:tone_snap/modules/sidea/widgets/head_label.dart';
+import 'package:tone_snap/data/sidea/models/voice_model.dart';
+import 'package:tone_snap/generated/assets.dart';
+import 'package:tone_snap/modules/sidea/home/home_controller.dart';
+import 'package:tone_snap/utils/obj_util.dart';
+
+class HomeView extends GetView<HomeController> {
+  const HomeView({super.key});
+
+  @override
+  Widget build(BuildContext context) {
+    Get.find<HomeController>();
+    return Column(
+      children: [
+        HeadLabel(
+          assets: Assets.sideATheMonster,
+          width: 208.w,
+          height: 43.h,
+        ),
+        _buildGrid(context),
+      ],
+    );
+  }
+
+  Widget _buildGrid(BuildContext context) {
+    return Expanded(
+      child: GridView.builder(
+        padding: EdgeInsets.symmetric(horizontal: 24.w, vertical: 6.h),
+        itemCount: controller.voiceList.length,
+        gridDelegate: SliverGridDelegateWithFixedCrossAxisCount(
+          crossAxisCount: 3,
+          mainAxisSpacing: 20.h,
+          crossAxisSpacing: 15.w,
+          childAspectRatio: 102/130,
+        ),
+        itemBuilder: (context, index) {
+          return _buildItem(controller.voiceList[index], index);
+        },
+      ),
+    );
+  }
+
+  Widget _buildItem(VoiceModel item, int index) {
+    return Column(
+      children: [
+        GestureDetector(
+          onTap: () => controller.onTapItem(item),
+          child: Stack(
+            alignment: Alignment.center,
+            children: [
+              Obx(() {
+                return Visibility(
+                  visible: controller.isPlayItem(item),
+                  maintainState: true,
+                  maintainAnimation: true,
+                  maintainSize: true,
+                  child: Image.asset(
+                    Assets.sideASubtract,
+                    width: 100.w,
+                    height: 100.w,
+                    fit: BoxFit.fill,
+                  ),
+                );
+              }),
+              Stack(
+                clipBehavior: Clip.none,
+                children: [
+                  Visibility(
+                    visible: ObjUtil.isNotEmptyStr(item.cover),
+                    child: ClipPath(
+                      clipper: CircularNotchClipper(
+                        notchRadius: 20,
+                      ),
+                      child: ClipRRect(
+                        borderRadius: BorderRadius.only(
+                          topLeft: Radius.circular(85.w/2),
+                          topRight: Radius.circular(85.w/2),
+                          bottomLeft: Radius.circular(85.w/2),
+                          bottomRight: const Radius.circular(2),
+                        ),
+                        child: Image.asset(
+                          '${item.cover}',
+                          width: 85.w,
+                          height: 85.w,
+                          fit: BoxFit.cover,
+                        ),
+                      ),
+                    ),
+                  ),
+                  Positioned(
+                    right: -10.w,
+                    bottom: -10.h,
+                    child: Obx(() {
+                      return GestureDetector(
+                        onTap: () => controller.onTapPlayBarPlay(item),
+                        child: Image.asset(
+                          controller.isPlayItem(item) ? Assets.sideAPlaying : Assets.sideANotPlayed,
+                          width: 30.w,
+                          height: 30.w,
+                        ),
+                      );
+                    }),
+                  ),
+                ],
+              ),
+            ],
+          ),
+        ),
+        SizedBox(height: 8.h),
+        Expanded(
+          child: MyMarqueeText(
+            text: item.name,
+            textStyle: TextStyle(
+              color: Colors.white,
+              fontSize: 16.sp,
+              fontWeight: FontWeight.w500,
+            ),
+          ),
+        ),
+      ],
+    );
+  }
+}
diff --git a/lib/modules/sidea/initial/initial_binding.dart b/lib/modules/sidea/initial/initial_binding.dart
new file mode 100644
index 0000000..ed78ba0
--- /dev/null
+++ b/lib/modules/sidea/initial/initial_binding.dart
@@ -0,0 +1,9 @@
+import 'package:get/get.dart';
+import 'package:tone_snap/modules/sidea/initial/initial_controller.dart';
+
+class InitialBinding extends Bindings {
+  @override
+  void dependencies() {
+    Get.lazyPut(() => InitialController());
+  }
+}
diff --git a/lib/modules/sidea/initial/initial_controller.dart b/lib/modules/sidea/initial/initial_controller.dart
new file mode 100644
index 0000000..c4935c2
--- /dev/null
+++ b/lib/modules/sidea/initial/initial_controller.dart
@@ -0,0 +1,121 @@
+import 'package:flutter/material.dart';
+import 'package:get/get.dart';
+import 'package:tone_snap/global/app_lifecycle_reactor.dart';
+import 'package:tone_snap/ads/app_open_ad_manager.dart';
+import 'package:tone_snap/data/sidea/models/voice_model.dart';
+import 'package:tone_snap/data/sidea/storage/favorite_data.dart';
+import 'package:tone_snap/firebase/firebase_analytics_manager.dart';
+import 'package:tone_snap/generated/assets.dart';
+import 'package:tone_snap/modules/sidea/controllers/player_controller.dart';
+import 'package:tone_snap/modules/sidea/favourite/favourite_controller.dart';
+import 'package:tone_snap/modules/sidea/home/home_view.dart';
+import 'package:tone_snap/modules/sidea/me/me_view.dart';
+import 'package:tone_snap/modules/sidea/my_voice/my_voice_controller.dart';
+import 'package:tone_snap/modules/sidea/settings/settings_view.dart';
+import 'package:tone_snap/routes/app_routes.dart';
+
+import '../../../utils/tracking_authorization_util.dart';
+
+class InitialController extends GetxController {
+  static InitialController get to => Get.find<InitialController>();
+  var playerController = PlayerController.to;
+  late PageController pageController;
+  final pages = [
+    PageItem([Assets.sideABnb1Selected, Assets.sideABnb1Unselected], const HomeView()),
+    PageItem([Assets.sideABnb2Selected, Assets.sideABnb2Unselected], Container()),
+    PageItem([Assets.sideABnb3Selected, Assets.sideABnb3Unselected], const MeView()),
+    PageItem([Assets.sideABnb4Selected, Assets.sideABnb4Unselected], const SettingsView()),
+  ];
+  var currentIndex = 0.obs;
+  Rx<VoiceModel?> currentPlayVoiceModel = Rx<VoiceModel?>(null);
+
+  /// 是否加入喜欢列表
+  var isFavourite = false.obs;
+
+  late AppLifecycleReactor _appLifecycleReactor;
+
+  @override
+  void onInit() {
+    super.onInit();
+    // ATT授权
+    TrackingAuthorizationUtil.requestTrackingAuthorization();
+
+    _appLifecycleReactor = AppLifecycleReactor();
+    _appLifecycleReactor.listenToAppStateChanges();
+
+    pageController = PageController(initialPage: currentIndex.value);
+  }
+
+  @override
+  void onReady() async {
+    super.onReady();
+    await FirebaseAnalyticsManager.setCrashlyticsCollectionEnabled();
+    _addEventLog();
+  }
+
+  @override
+  void onClose() {
+    pageController.dispose();
+    super.onClose();
+  }
+
+  Future<void> onBottomAppBarItemChanged(int index) async {
+    if (index == 1) {
+      await PlayerController.to.stopPlay();
+      Get.toNamed(AppRoutes.uploadMethod);
+    } else {
+      if (index == 0) {
+        _addEventLog();
+      }
+      if (index == 2) _refreshMe();
+      currentIndex.value = index;
+      pageController.jumpToPage(index);
+    }
+  }
+
+  void onTapPlayBar() {
+    Get.toNamed(AppRoutes.playSound, arguments: currentPlayVoiceModel.value);
+  }
+
+  Future<void> togglePlayback() async {
+    playerController.isPlaying.value
+        ? await playerController.pausePlay()
+        : await playerController.startPlay();
+  }
+
+  VoiceModel? getIsFavouriteModel() {
+    final list = FavoriteData().getList();
+    return list.firstWhereOrNull((e) => e.path == currentPlayVoiceModel.value?.path);
+  }
+
+  Future<void> onTapFavourite() async {
+    if (isFavourite.value) {
+      getIsFavouriteModel()?.delete();
+      isFavourite.value = false;
+    } else {
+      if (currentPlayVoiceModel.value != null) {
+        await FavoriteData().addData(currentPlayVoiceModel.value!.copyWith());
+        isFavourite.value = true;
+      }
+    }
+    _refreshMe();
+  }
+
+  /// 刷新我的页面
+  void _refreshMe() {
+    if (Get.isRegistered<MyVoiceController>()) MyVoiceController.to.getData();
+    if (Get.isRegistered<FavouriteController>()) FavouriteController.to.getData();
+  }
+
+  /// 埋点
+  void _addEventLog() {
+    FirebaseAnalyticsManager.logEvent('home_a_pv');
+  }
+}
+
+class PageItem {
+  late final List<String> icons;
+  late final StatelessWidget widget;
+
+  PageItem(this.icons, this.widget);
+}
diff --git a/lib/modules/sidea/initial/initial_view.dart b/lib/modules/sidea/initial/initial_view.dart
new file mode 100644
index 0000000..95eadd0
--- /dev/null
+++ b/lib/modules/sidea/initial/initial_view.dart
@@ -0,0 +1,180 @@
+import 'package:flutter/material.dart';
+import 'package:flutter_screenutil/flutter_screenutil.dart';
+import 'package:get/get.dart';
+import 'package:tone_snap/components/keep_alive_wrapper.dart';
+import 'package:tone_snap/components/my_marquee_text.dart';
+import 'package:tone_snap/generated/assets.dart';
+import 'package:tone_snap/modules/sidea/initial/initial_controller.dart';
+
+class InitialView extends StatelessWidget {
+  InitialView({super.key});
+
+  final controller = Get.find<InitialController>();
+
+  @override
+  Widget build(BuildContext context) {
+    return Stack(
+      children: [
+        Obx(() {
+          return IndexedStack(
+            index: controller.currentIndex.value,
+            children: [
+              Stack(
+                children: [
+                  Image.asset(
+                    Assets.sideAHomeBg,
+                    width: 1.sw,
+                    height: 1.sh,
+                    fit: BoxFit.fill,
+                  ),
+                  Positioned(
+                    bottom: 0,
+                    child: Image.asset(
+                      Assets.sideAHomeBnbBg,
+                      width: 1.sw,
+                      height: 222.h,
+                      fit: BoxFit.fill,
+                    ),
+                  ),
+                ],
+              ),
+              Container(),
+              Image.asset(
+                Assets.sideAUploadMethodBg,
+                width: 1.sw,
+                height: 1.sh,
+                fit: BoxFit.fill,
+              ),
+              Image.asset(
+                Assets.sideASettingsBg,
+                width: 1.sw,
+                height: 1.sh,
+                fit: BoxFit.fill,
+              ),
+            ],
+          );
+        }),
+        Scaffold(
+          resizeToAvoidBottomInset: false,
+          backgroundColor: Colors.transparent,
+          body: Column(
+            children: [
+              Expanded(
+                child: PageView(
+                  physics: const NeverScrollableScrollPhysics(),
+                  controller: controller.pageController,
+                  children: controller.pages.map((e) => KeepAliveWrapper(child: e.widget)).toList(),
+                ),
+              ),
+              _buildPlayBar(),
+            ],
+          ),
+          bottomNavigationBar: _buildBottomAppBar(),
+        ),
+      ],
+    );
+  }
+
+  Widget _buildPlayBar() {
+    return Obx(() {
+      return Visibility(
+        visible: controller.currentPlayVoiceModel.value != null && !controller.playerController.isCompleted.value,
+        child: GestureDetector(
+          onTap: controller.onTapPlayBar,
+          child: Container(
+            height: 72.h,
+            margin: EdgeInsets.fromLTRB(14.w, 0, 14.w, 7.h),
+            padding: const EdgeInsets.only(left: 34, right: 30).w,
+            decoration: BoxDecoration(
+              color: Colors.black,
+              borderRadius: BorderRadius.circular(39),
+            ),
+            child: Row(
+              children: [
+                Expanded(
+                  child: Column(
+                    mainAxisAlignment: MainAxisAlignment.center,
+                    crossAxisAlignment: CrossAxisAlignment.start,
+                    children: [
+                      Obx(() {
+                        return MyMarqueeText(
+                          text: '${controller.currentPlayVoiceModel.value?.name}',
+                          textStyle: TextStyle(
+                            color: Colors.white,
+                            fontSize: 16.sp,
+                            fontWeight: FontWeight.bold,
+                          ),
+                        );
+                      }),
+                      SizedBox(height: 4.h),
+                      Obx(() {
+                        return Text(
+                          '${controller.playerController.getPositionDuration()}/${controller.playerController.getDuration()}',
+                          maxLines: 1,
+                          overflow: TextOverflow.ellipsis,
+                          style: TextStyle(
+                            color: const Color(0x73FFFFFF),
+                            fontSize: 12.sp,
+                          ),
+                        );
+                      }),
+                    ],
+                  ),
+                ),
+                SizedBox(width: 13.w),
+                Obx(() {
+                  return GestureDetector(
+                    onTap: controller.onTapFavourite,
+                    child: Image.asset(
+                      controller.isFavourite.value ? Assets.sideAFavorite : Assets.sideANotFavorite,
+                      width: 28.w,
+                      height: 28.w,
+                    ),
+                  );
+                }),
+                SizedBox(width: 13.w),
+                GestureDetector(
+                  onTap: controller.togglePlayback,
+                  child: Image.asset(
+                    controller.playerController.isPlaying.value ? Assets.sideAPlaying1 : Assets.sideANotPlayed1,
+                    width: 38.w,
+                    height: 38.w,
+                  ),
+                ),
+              ],
+            ),
+          ),
+        ),
+      );
+    });
+  }
+
+  BottomAppBar _buildBottomAppBar() {
+    return BottomAppBar(
+      height: kBottomNavigationBarHeight,
+      padding: EdgeInsets.symmetric(horizontal: (1.sw - (28.w * 4)) / 8),
+      color: Colors.transparent,
+      child: SizedBox(
+        height: double.infinity,
+        child: Row(
+          children: controller.pages.asMap().entries.map((e) {
+            return Expanded(
+              child: GestureDetector(
+                behavior: HitTestBehavior.opaque,
+                child: Obx(() {
+                  return Image.asset(
+                    e.value.icons[controller.currentIndex.value == e.key ? 1 : 0],
+                    width: 28.w,
+                    height: 28.w,
+                    color: controller.currentIndex.value == e.key ? const Color(0xFF8602ED) : null,
+                  );
+                }),
+                onTap: () => controller.onBottomAppBarItemChanged(e.key),
+              ),
+            );
+          }).toList(),
+        ),
+      ),
+    );
+  }
+}
diff --git a/lib/modules/sidea/me/me_binding.dart b/lib/modules/sidea/me/me_binding.dart
new file mode 100644
index 0000000..869f903
--- /dev/null
+++ b/lib/modules/sidea/me/me_binding.dart
@@ -0,0 +1,9 @@
+import 'package:get/get.dart';
+import 'package:tone_snap/modules/sidea/me/me_controller.dart';
+
+class MeBinding extends Bindings {
+  @override
+  void dependencies() {
+    Get.lazyPut(() => MeController());
+  }
+}
diff --git a/lib/modules/sidea/me/me_controller.dart b/lib/modules/sidea/me/me_controller.dart
new file mode 100644
index 0000000..d8467ab
--- /dev/null
+++ b/lib/modules/sidea/me/me_controller.dart
@@ -0,0 +1,22 @@
+import 'package:flutter/material.dart';
+import 'package:get/get.dart';
+import 'package:tone_snap/modules/sidea/favourite/favourite_view.dart';
+import 'package:tone_snap/modules/sidea/my_voice/my_voice_view.dart';
+
+class MeController extends GetxController with GetTickerProviderStateMixin {
+  late TabController tabController;
+  final labels = ['My Voice', 'Favourite'];
+  final pages = [const MyVoiceView(), const FavouriteView()];
+
+  @override
+  void onInit() {
+    super.onInit();
+    tabController = TabController(length: labels.length, vsync: this);
+  }
+
+  @override
+  void onClose() {
+    tabController.dispose();
+    super.onClose();
+  }
+}
diff --git a/lib/modules/sidea/me/me_view.dart b/lib/modules/sidea/me/me_view.dart
new file mode 100644
index 0000000..112e403
--- /dev/null
+++ b/lib/modules/sidea/me/me_view.dart
@@ -0,0 +1,65 @@
+import 'package:flutter/material.dart';
+import 'package:flutter_screenutil/flutter_screenutil.dart';
+import 'package:get/get.dart';
+import 'package:tone_snap/components/keep_alive_wrapper.dart';
+import 'package:tone_snap/components/my_custom_indicator.dart';
+import 'package:tone_snap/modules/sidea/widgets/head_label.dart';
+import 'package:tone_snap/generated/assets.dart';
+import 'package:tone_snap/modules/sidea/me/me_controller.dart';
+
+class MeView extends GetView<MeController> {
+  const MeView({super.key});
+
+  @override
+  Widget build(BuildContext context) {
+    Get.find<MeController>();
+    return Column(
+      crossAxisAlignment: CrossAxisAlignment.start,
+      children: [
+        HeadLabel(
+          assets: Assets.sideATheMonster1,
+          width: 135.w,
+          height: 51.h,
+        ),
+        _buildTabBar(),
+        _buildTabBarView(),
+      ],
+    );
+  }
+
+  Widget _buildTabBar() {
+    return TabBar(
+      controller: controller.tabController,
+      tabAlignment: TabAlignment.center,
+      dividerHeight: 0,
+      padding: const EdgeInsets.symmetric(horizontal: 8).w,
+      labelPadding: const EdgeInsets.symmetric(horizontal: 16).w,
+      labelStyle: TextStyle(
+        color: Colors.white,
+        fontSize: 20.sp,
+        fontWeight: FontWeight.w600,
+      ),
+      unselectedLabelStyle: TextStyle(
+        color: const Color(0x4DFFFFFF),
+        fontSize: 20.sp,
+        fontWeight: FontWeight.w600,
+      ),
+      indicatorPadding: EdgeInsets.fromLTRB(0, 4.h, 0, 0),
+      indicator: MyCustomIndicator(
+        indWidth: 16.w,
+        indHeight: 4.h,
+        radius: 3.5.r,
+      ),
+      tabs: controller.labels.map((e) => Tab(text: e)).toList(),
+    );
+  }
+
+  Widget _buildTabBarView() {
+    return Expanded(
+      child: TabBarView(
+        controller: controller.tabController,
+        children: controller.pages.map((e) => KeepAliveWrapper(child: e)).toList(),
+      ),
+    );
+  }
+}
diff --git a/lib/modules/sidea/my_voice/my_voice_binding.dart b/lib/modules/sidea/my_voice/my_voice_binding.dart
new file mode 100644
index 0000000..2851544
--- /dev/null
+++ b/lib/modules/sidea/my_voice/my_voice_binding.dart
@@ -0,0 +1,10 @@
+import 'package:get/get.dart';
+
+import 'my_voice_controller.dart';
+
+class MyVoiceBinding extends Bindings {
+  @override
+  void dependencies() {
+    Get.lazyPut(() => MyVoiceController());
+  }
+}
diff --git a/lib/modules/sidea/my_voice/my_voice_controller.dart b/lib/modules/sidea/my_voice/my_voice_controller.dart
new file mode 100644
index 0000000..9e25475
--- /dev/null
+++ b/lib/modules/sidea/my_voice/my_voice_controller.dart
@@ -0,0 +1,73 @@
+import 'package:flutter/material.dart';
+import 'package:get/get.dart';
+import 'package:tone_snap/components/base_easyloading.dart';
+import 'package:tone_snap/components/dialog/remind_dialog.dart';
+import 'package:tone_snap/components/dialog/rename_dialog.dart';
+import 'package:tone_snap/components/view_state_widget.dart';
+import 'package:tone_snap/data/sidea/models/voice_model.dart';
+import 'package:tone_snap/data/sidea/storage/my_voice_data.dart';
+import 'package:tone_snap/modules/sidea/initial/initial_controller.dart';
+import 'package:tone_snap/routes/app_routes.dart';
+
+class MyVoiceController extends GetxController {
+  static MyVoiceController get to => Get.find<MyVoiceController>();
+  var scrollController = ScrollController();
+  var voiceList = <VoiceModel>[].obs;
+  var viewState = ViewState.loading.obs;
+
+  @override
+  void onReady() {
+    super.onReady();
+    getData();
+  }
+
+  void getData() {
+    voiceList.value = MyVoiceData().getList().reversed.toList();
+    _refreshList();
+  }
+
+  void _refreshList() {
+    viewState.value = voiceList.isNotEmpty ? ViewState.normal : ViewState.empty;
+    voiceList.refresh();
+  }
+
+  void onTapItem(VoiceModel item) {
+    InitialController.to.currentPlayVoiceModel.value = item;
+    Get.toNamed(AppRoutes.playSound, arguments: item);
+  }
+
+  void onTapReName(VoiceModel item) {
+    Get.dialog(
+      barrierDismissible: true,
+      RenameDialog(
+        name: item.name,
+        confirmOnTap: (value) {
+          item.name = value;
+          item.save();
+          voiceList.refresh();
+
+          // 若 item 和当前正播放的 item 是同个对象，则需要同步改名
+          if (identical(item, InitialController.to.currentPlayVoiceModel.value)) {
+            InitialController.to.currentPlayVoiceModel.update((e) => e?.name = value);
+          }
+        },
+      ),
+    );
+  }
+
+  void onTapDelete(VoiceModel item) {
+    Get.dialog(
+      barrierDismissible: false,
+      RemindDialog(
+        content: 'Are you sure to delete it?',
+        confirmOnTap: () async {
+          BaseEasyLoading.loading();
+          await item.delete();
+          voiceList.remove(item);
+          BaseEasyLoading.toast('Removed');
+          _refreshList();
+        },
+      ),
+    );
+  }
+}
diff --git a/lib/modules/sidea/my_voice/my_voice_view.dart b/lib/modules/sidea/my_voice/my_voice_view.dart
new file mode 100644
index 0000000..0743f45
--- /dev/null
+++ b/lib/modules/sidea/my_voice/my_voice_view.dart
@@ -0,0 +1,41 @@
+import 'package:flutter/material.dart';
+import 'package:flutter_screenutil/flutter_screenutil.dart';
+import 'package:get/get.dart';
+import 'package:tone_snap/modules/sidea/widgets/my_voice_item.dart';
+import 'package:tone_snap/components/view_state_widget.dart';
+import 'package:tone_snap/modules/sidea/my_voice/my_voice_controller.dart';
+
+class MyVoiceView extends GetView<MyVoiceController> {
+  const MyVoiceView({super.key});
+
+  @override
+  Widget build(BuildContext context) {
+    Get.put(MyVoiceController());
+    return Obx(() {
+      return ViewStateWidget(
+        viewState: controller.viewState.value,
+        child: MediaQuery.removePadding(
+          context: context,
+          removeTop: true,
+          child: Scrollbar(
+            controller: controller.scrollController,
+            child: ListView.builder(
+              controller: controller.scrollController,
+              itemCount: controller.voiceList.length,
+              padding: EdgeInsets.symmetric(vertical: 16.h),
+              itemBuilder: (context, index) {
+                var item = controller.voiceList[index];
+                return MyVoiceItem(
+                  item: item,
+                  onTapItem: () => controller.onTapItem(item),
+                  onReName: () => controller.onTapReName(item),
+                  onDelete: () => controller.onTapDelete(item),
+                );
+              },
+            ),
+          ),
+        ),
+      );
+    });
+  }
+}
diff --git a/lib/modules/sidea/play_sound/play_sound_binding.dart b/lib/modules/sidea/play_sound/play_sound_binding.dart
new file mode 100644
index 0000000..5c84b17
--- /dev/null
+++ b/lib/modules/sidea/play_sound/play_sound_binding.dart
@@ -0,0 +1,9 @@
+import 'package:get/get.dart';
+import 'package:tone_snap/modules/sidea/play_sound/play_sound_controller.dart';
+
+class PlaySoundBinding extends Bindings {
+  @override
+  void dependencies() {
+    Get.lazyPut(() => PlaySoundController());
+  }
+}
diff --git a/lib/modules/sidea/play_sound/play_sound_controller.dart b/lib/modules/sidea/play_sound/play_sound_controller.dart
new file mode 100644
index 0000000..7c7f631
--- /dev/null
+++ b/lib/modules/sidea/play_sound/play_sound_controller.dart
@@ -0,0 +1,42 @@
+import 'dart:async';
+
+import 'package:get/get.dart';
+import 'package:tone_snap/data/sidea/models/voice_model.dart';
+import 'package:tone_snap/modules/sidea/controllers/player_controller.dart';
+import 'package:tone_snap/modules/sidea/initial/initial_controller.dart';
+import 'package:tone_snap/routes/app_routes.dart';
+
+class PlaySoundController extends GetxController {
+  var playerController = PlayerController.to;
+  late VoiceModel voiceModel;
+
+  @override
+  void onInit() {
+    super.onInit();
+    voiceModel = Get.arguments;
+  }
+
+  @override
+  void onReady() {
+    super.onReady();
+    InitialController.to.isFavourite.value = InitialController.to.getIsFavouriteModel() != null;
+    if (playerController.filePath != voiceModel.path || playerController.isCompleted.value) {
+      Future.delayed(const Duration(milliseconds: 200), () async {
+        // 初始化操作
+        await playerController.setFilePath(voiceModel.path);
+        await playerController.startPlay();
+      });
+    }
+  }
+
+  Future<void> togglePlayback() async {
+    playerController.isPlaying.value
+        ? await playerController.pausePlay()
+        : await playerController.startPlay();
+  }
+
+  void goChangeVoice() async {
+    await PlayerController.to.stopPlay();
+    Get.toNamed(AppRoutes.changeVoice, arguments: voiceModel.path);
+  }
+}
diff --git a/lib/modules/sidea/play_sound/play_sound_view.dart b/lib/modules/sidea/play_sound/play_sound_view.dart
new file mode 100644
index 0000000..52e3028
--- /dev/null
+++ b/lib/modules/sidea/play_sound/play_sound_view.dart
@@ -0,0 +1,230 @@
+import 'package:flutter/material.dart';
+import 'package:flutter_screenutil/flutter_screenutil.dart';
+import 'package:get/get.dart';
+import 'package:tone_snap/components/my_marquee_text.dart';
+import 'package:tone_snap/components/base_appbar.dart';
+import 'package:tone_snap/generated/assets.dart';
+import 'package:tone_snap/modules/sidea/initial/initial_controller.dart';
+import 'package:tone_snap/modules/sidea/play_sound/play_sound_controller.dart';
+import 'package:tone_snap/utils/obj_util.dart';
+
+class PlaySoundView extends StatelessWidget {
+  PlaySoundView({super.key});
+
+  final controller = Get.find<PlaySoundController>();
+
+  @override
+  Widget build(BuildContext context) {
+    return Stack(
+      alignment: Alignment.center,
+      children: [
+        Image.asset(
+          Assets.sideAPlaySoundBg,
+          width: 1.sw,
+          height: 1.sh,
+          fit: BoxFit.fill,
+        ),
+        Scaffold(
+          backgroundColor: Colors.transparent,
+          appBar: BaseAppBar('', backWidget: _buildBackWidget(), backgroundColor: Colors.transparent),
+          body: SizedBox(
+            width: 1.sw,
+            child: Column(
+              children: [
+                _buildCover(),
+                SizedBox(height: 60.h),
+                _buildVoiceName(),
+                SizedBox(height: 32.h),
+                _buildProgressBar(),
+                SizedBox(height: 50.h),
+                _buildControlMenu(),
+                SizedBox(height: 50.h),
+              ],
+            ),
+          ),
+        ),
+      ],
+    );
+  }
+
+  Widget _buildBackWidget() {
+    return ClipOval(
+      child: Material(
+        color: Colors.transparent,
+        child: InkWell(
+          onTap: Get.back,
+          child: Padding(
+            padding: const EdgeInsets.all(10).w,
+            child: Image.asset(
+              Assets.sideAArrowDownBack,
+              width: 24.w,
+              height: 24.w,
+            ),
+          ),
+        ),
+      ),
+    );
+  }
+
+  Widget _buildCover() {
+    return Expanded(
+      child: Visibility(
+        visible: ObjUtil.isNotEmptyStr(controller.voiceModel.cover),
+        replacement: SizedBox(
+          width: 296.w,
+          height: 296.w,
+          child: FittedBox(
+            fit: BoxFit.none,
+            child: Image.asset(
+              Assets.sideAVoiceDefault,
+              width: 200.w,
+              height: 200.w,
+              fit: BoxFit.contain,
+            ),
+          ),
+        ),
+        child: FittedBox(
+          fit: BoxFit.none,
+          child: ClipRRect(
+            borderRadius: BorderRadius.circular(31),
+            child: Image.asset(
+              '${controller.voiceModel.cover}',
+              width: 296.w,
+              height: 296.w,
+              fit: BoxFit.cover,
+            ),
+          ),
+        ),
+      ),
+    );
+  }
+
+  Widget _buildVoiceName() {
+    return Padding(
+      padding: const EdgeInsets.symmetric(horizontal: 16).w,
+      child: MyMarqueeText(
+        text: controller.voiceModel.name,
+        textStyle: TextStyle(
+          color: Colors.black,
+          fontSize: 24.sp,
+          fontWeight: FontWeight.bold,
+        ),
+      ),
+    );
+  }
+
+  Widget _buildProgressBar() {
+    return Padding(
+      padding: const EdgeInsets.symmetric(horizontal: 16).w,
+      child: Column(
+        children: [
+          ClipRRect(
+            borderRadius: BorderRadius.circular(6.5),
+            child: Obx(() {
+              return LinearProgressIndicator(
+                value: controller.playerController.positionValue.value,
+                valueColor: const AlwaysStoppedAnimation<Color>(Colors.black),
+                backgroundColor: const Color(0x40000000),
+                borderRadius: BorderRadius.circular(6.5),
+                minHeight: 12.h,
+              );
+            }),
+          ),
+          SizedBox(height: 6.h),
+          Row(
+            mainAxisAlignment: MainAxisAlignment.spaceBetween,
+            children: [
+              Flexible(
+                child: Obx(() {
+                  return Text(
+                    controller.playerController.getPositionDuration(),
+                    maxLines: 1,
+                    overflow: TextOverflow.ellipsis,
+                    style: TextStyle(
+                      color: const Color(0x73000000),
+                      fontSize: 14.sp,
+                      fontWeight: FontWeight.w500,
+                    ),
+                  );
+                }),
+              ),
+              Flexible(
+                child: Obx(() {
+                  return Text(
+                    controller.playerController.getDuration(),
+                    maxLines: 1,
+                    overflow: TextOverflow.ellipsis,
+                    style: TextStyle(
+                      color: const Color(0x73000000),
+                      fontSize: 14.sp,
+                      fontWeight: FontWeight.w500,
+                    ),
+                  );
+                }),
+              ),
+            ],
+          ),
+        ],
+      ),
+    );
+  }
+
+  Widget _buildControlMenu() {
+    return Row(
+      mainAxisAlignment: MainAxisAlignment.center,
+      children: [
+        GestureDetector(
+          onTap: InitialController.to.onTapFavourite,
+          child: ClipOval(
+            child: Container(
+              width: 52.w,
+              height: 52.w,
+              color: Colors.black,
+              child: Obx(() {
+                return Image.asset(
+                  InitialController.to.isFavourite.value ? Assets.sideAFavorite : Assets.sideANotFavorite,
+                  width: 28.w,
+                  height: 28.w,
+                );
+              }),
+            ),
+          ),
+        ),
+        SizedBox(width: 30.w),
+        GestureDetector(
+          onTap: controller.togglePlayback,
+          child: ClipOval(
+            child: Container(
+              width: 76.w,
+              height: 76.w,
+              color: Colors.black,
+              child: Obx(() {
+                return Image.asset(
+                  controller.playerController.isPlaying.value ? Assets.sideAPlaying1 : Assets.sideANotPlayed1,
+                  width: 38.w,
+                  height: 38.w,
+                );
+              }),
+            ),
+          ),
+        ),
+        SizedBox(width: 30.w),
+        GestureDetector(
+          onTap: controller.goChangeVoice,
+          child: ClipOval(
+            child: Container(
+              width: 52.w,
+              height: 52.w,
+              color: Colors.black,
+              child: Image.asset(
+                Assets.sideAChangeVoice,
+                width: 28.w,
+                height: 28.w,
+              ),
+            ),
+          ),
+        ),
+      ],
+    );
+  }
+}
diff --git a/lib/modules/sidea/record_sound/record_sound_binding.dart b/lib/modules/sidea/record_sound/record_sound_binding.dart
new file mode 100644
index 0000000..e8bf8b2
--- /dev/null
+++ b/lib/modules/sidea/record_sound/record_sound_binding.dart
@@ -0,0 +1,9 @@
+import 'package:get/get.dart';
+import 'package:tone_snap/modules/sidea/record_sound/record_sound_controller.dart';
+
+class RecordSoundBinding extends Bindings {
+  @override
+  void dependencies() {
+    Get.lazyPut(() => RecordSoundController());
+  }
+}
diff --git a/lib/modules/sidea/record_sound/record_sound_controller.dart b/lib/modules/sidea/record_sound/record_sound_controller.dart
new file mode 100644
index 0000000..8ec2736
--- /dev/null
+++ b/lib/modules/sidea/record_sound/record_sound_controller.dart
@@ -0,0 +1,133 @@
+import 'dart:async';
+import 'dart:io';
+
+import 'package:flutter_sound/flutter_sound.dart';
+import 'package:get/get.dart';
+import 'package:permission_handler/permission_handler.dart';
+import 'package:tone_snap/routes/app_routes.dart';
+import 'package:tone_snap/utils/date_util.dart';
+import 'package:tone_snap/utils/local_path_util.dart';
+import 'package:tone_snap/utils/permission_util.dart';
+
+class RecordSoundController extends GetxController {
+  final _recorder = FlutterSoundRecorder();
+
+  /// isStopped:0, isPaused:1, isRecording:2
+  var recorderState = 0.obs;
+
+  /// 录音文件路径
+  var _filePath = '';
+
+  /// 计时器
+  Timer? _timer;
+  var recordDuration = 0.obs;
+
+  @override
+  void onInit() async {
+    super.onInit();
+    await _recorder.openRecorder();
+  }
+
+  @override
+  void onClose() {
+    _stopTimer();
+    _recorder.closeRecorder();
+    super.onClose();
+  }
+
+  void onTapRecord() {
+    recorderState.value == 2 ? pauseRecording() : (recorderState.value == 1 ? resumeRecording() : startRecording());
+  }
+
+  /// 开始录音
+  Future<void> startRecording() async {
+    bool result = await PermissionUtil.checkPermission([Permission.microphone]);
+    if (!result) return;
+
+    Directory dir = await LocalPathUtil.getRecordingsDir();
+    String path = '${dir.path}/${DateUtil.getNowTimestamp()}${ext[Codec.pcm16WAV.index]}';
+
+    recordDuration.value = 0;
+    await _recorder.startRecorder(
+      toFile: path,
+      codec: Codec.pcm16WAV,
+      bitRate: 16000,
+      numChannels: 1,
+      sampleRate: 44100,
+    );
+    _startTimer();
+    recorderState.value = 2;
+    _filePath = path;
+  }
+
+  /// 恢复暂停的录音
+  Future<void> resumeRecording() async {
+    await _recorder.resumeRecorder();
+    _startTimer();
+    recorderState.value = 2;
+  }
+
+  /// 暂停录音
+  Future<void> pauseRecording() async {
+    await _recorder.pauseRecorder();
+    _stopTimer();
+    recorderState.value = 1;
+  }
+
+  /// 停止录音
+  Future<void> stopRecording() async {
+    await _recorder.stopRecorder();
+    _stopTimer();
+    recorderState.value = 0;
+  }
+
+  /// 开始定时器
+  void _startTimer() {
+    _timer = Timer.periodic(const Duration(seconds: 1), (Timer t) {
+      recordDuration.value++;
+      // 设置最大录音时长
+      if (recordDuration.value >= 3600000) {
+        stopRecording();
+        return;
+      }
+    });
+  }
+
+  /// 停止定时器
+  void _stopTimer() {
+    _timer?.cancel();
+    _timer = null;
+  }
+
+  /// 获取录制时长
+  String getRecordDuration() {
+    final duration = Duration(seconds: recordDuration.value);
+    final minutes = duration.inMinutes.remainder(60);
+    final secs = duration.inSeconds.remainder(60);
+    return [
+      if (minutes < 10) '0$minutes' else '$minutes',
+      if (secs < 10) '0$secs' else '$secs'
+    ].join(':');
+  }
+
+  String getRecordText() {
+    if (recorderState.value == 0) {
+      return 'Click to start';
+    } else if (recorderState.value == 1) {
+      return 'Click to continue';
+    } else if (recorderState.value == 2) {
+      return 'Click to pause';
+    }
+    return '';
+  }
+
+  bool showChangeVoice() {
+    return (recorderState.value == 0 || recorderState.value == 1) && recordDuration.value > 0;
+  }
+
+  Future<void> goChangeVoice() async {
+    _stopTimer();
+    _recorder.closeRecorder();
+    Get.offNamed(AppRoutes.changeVoice, arguments: _filePath);
+  }
+}
\ No newline at end of file
diff --git a/lib/modules/sidea/record_sound/record_sound_view.dart b/lib/modules/sidea/record_sound/record_sound_view.dart
new file mode 100644
index 0000000..709e2b6
--- /dev/null
+++ b/lib/modules/sidea/record_sound/record_sound_view.dart
@@ -0,0 +1,91 @@
+import 'package:flutter/material.dart';
+import 'package:flutter_screenutil/flutter_screenutil.dart';
+import 'package:get/get.dart';
+import 'package:tone_snap/components/base_appbar.dart';
+import 'package:tone_snap/modules/sidea/record_sound/record_sound_controller.dart';
+
+class RecordSoundView extends StatelessWidget {
+  RecordSoundView({super.key});
+
+  final controller = Get.find<RecordSoundController>();
+
+  @override
+  Widget build(BuildContext context) {
+    return Scaffold(
+      appBar: const BaseAppBar('Record Sound'),
+      body: SingleChildScrollView(
+        child: Center(
+          child: Column(
+            children: [
+              SizedBox(height: 167.h),
+              _buildTime(),
+              SizedBox(height: 200.h),
+              Obx(() {
+                return _buildBtn(
+                  controller.getRecordText(),
+                  controller.onTapRecord,
+                );
+              }),
+              Obx(() {
+                return Visibility(
+                  visible: controller.recorderState.value == 2,
+                  child: Padding(
+                    padding: const EdgeInsets.only(top: 20).h,
+                    child: _buildBtn('Click to stop', controller.stopRecording),
+                  ),
+                );
+              }),
+              Obx(() {
+                return Visibility(
+                  visible: controller.showChangeVoice(),
+                  child: Padding(
+                    padding: const EdgeInsets.only(top: 20).h,
+                    child: _buildBtn('Change voice', controller.goChangeVoice),
+                  ),
+                );
+              }),
+            ],
+          ),
+        ),
+      ),
+    );
+  }
+
+  Widget _buildTime() {
+    return Obx(() {
+      return Text(
+        controller.getRecordDuration(),
+        style: TextStyle(
+          color: Colors.white,
+          fontSize: 48.sp,
+          fontWeight: FontWeight.bold,
+        ),
+      );
+    });
+  }
+
+  Widget _buildBtn(String text, Function() onTap) {
+    return ClipRRect(
+      borderRadius: BorderRadius.circular(22.5),
+      child: Material(
+        color: const Color(0xFF191919),
+        child: InkWell(
+          onTap: onTap,
+          child: Container(
+            width: 184.w,
+            height: 43.h,
+            alignment: Alignment.center,
+            child: Text(
+              text,
+              style: TextStyle(
+                color: Colors.white,
+                fontSize: 16.sp,
+                fontWeight: FontWeight.w600,
+              ),
+            ),
+          ),
+        ),
+      ),
+    );
+  }
+}
diff --git a/lib/modules/sidea/settings/settings_binding.dart b/lib/modules/sidea/settings/settings_binding.dart
new file mode 100644
index 0000000..fb2321e
--- /dev/null
+++ b/lib/modules/sidea/settings/settings_binding.dart
@@ -0,0 +1,9 @@
+import 'package:get/get.dart';
+import 'package:tone_snap/modules/sidea/settings/settings_controller.dart';
+
+class SettingsBinding extends Bindings {
+  @override
+  void dependencies() {
+    Get.lazyPut(() => SettingsController());
+  }
+}
diff --git a/lib/modules/sidea/settings/settings_controller.dart b/lib/modules/sidea/settings/settings_controller.dart
new file mode 100644
index 0000000..a890f51
--- /dev/null
+++ b/lib/modules/sidea/settings/settings_controller.dart
@@ -0,0 +1,24 @@
+import 'package:get/get.dart';
+import 'package:tone_snap/generated/assets.dart';
+import 'package:tone_snap/routes/app_routes.dart';
+
+class SettingsController extends GetxController {
+  final options = ['About', 'Privacy Policy', 'User Agreement'];
+  final optionIcons = [Assets.sideAAbout, Assets.sideAPrivacy, Assets.sideAUserAgreement];
+
+  void onTapItem(int index) async {
+    if (index == 0) {
+      Get.toNamed(AppRoutes.about);
+    } else if (index == 1) {
+      Get.toNamed(AppRoutes.privacy, arguments: {
+        'title': options[index],
+        'url': 'https://tonesnap-privacy.mystrikingly.com',
+      });
+    } else if (index == 2) {
+      Get.toNamed(AppRoutes.terms, arguments: {
+        'title': options[index],
+        'url': 'https://tonesnap-terms.mystrikingly.com'
+      });
+    }
+  }
+}
diff --git a/lib/modules/sidea/settings/settings_view.dart b/lib/modules/sidea/settings/settings_view.dart
new file mode 100644
index 0000000..49cbde5
--- /dev/null
+++ b/lib/modules/sidea/settings/settings_view.dart
@@ -0,0 +1,69 @@
+import 'package:flutter/material.dart';
+import 'package:flutter_screenutil/flutter_screenutil.dart';
+import 'package:get/get.dart';
+import 'package:tone_snap/modules/sidea/widgets/head_label.dart';
+import 'package:tone_snap/generated/assets.dart';
+import 'package:tone_snap/modules/sidea/settings/settings_controller.dart';
+
+class SettingsView extends GetView<SettingsController>{
+  const SettingsView({super.key});
+
+  @override
+  Widget build(BuildContext context) {
+    Get.find<SettingsController>();
+    return Column(
+      crossAxisAlignment: CrossAxisAlignment.start,
+      children: [
+        HeadLabel(
+          assets: Assets.sideATheMonster2,
+          width: 155.w,
+          height: 51.h,
+        ),
+        Expanded(
+          child: ListView.separated(
+            padding: EdgeInsets.zero,
+            itemCount: controller.options.length,
+            itemBuilder: (context, index) {
+              return _buildOptionItem(index);
+            },
+            separatorBuilder: (context, index) {
+              return SizedBox(height: 10.h);
+            },
+          ),
+        ),
+      ],
+    );
+  }
+
+  Widget _buildOptionItem(index) {
+    return Material(
+      color: Colors.transparent,
+      child: InkWell(
+        onTap: () => controller.onTapItem(index),
+        child: Container(
+          height: 56.h,
+          padding: const EdgeInsets.only(left: 24, right: 32).w,
+          child: Row(
+            children: [
+              Image.asset(controller.optionIcons[index]),
+              SizedBox(width: 12.w),
+              Expanded(
+                child: Text(
+                  controller.options[index],
+                  maxLines: 1,
+                  overflow: TextOverflow.ellipsis,
+                  style: TextStyle(
+                    color: Colors.white,
+                    fontSize: 18.sp,
+                    fontWeight: FontWeight.w500,
+                  ),
+                ),
+              ),
+              Image.asset(Assets.sideAIconChevronRight),
+            ],
+          ),
+        ),
+      ),
+    );
+  }
+}
diff --git a/lib/modules/sidea/splash/splash_binding.dart b/lib/modules/sidea/splash/splash_binding.dart
new file mode 100644
index 0000000..0a2a8c6
--- /dev/null
+++ b/lib/modules/sidea/splash/splash_binding.dart
@@ -0,0 +1,9 @@
+import 'package:get/get.dart';
+import 'package:tone_snap/modules/sidea/splash/splash_controller.dart';
+
+class SplashBinding extends Bindings {
+  @override
+  void dependencies() {
+    Get.lazyPut(() => SplashController());
+  }
+}
diff --git a/lib/modules/sidea/splash/splash_controller.dart b/lib/modules/sidea/splash/splash_controller.dart
new file mode 100644
index 0000000..6a91131
--- /dev/null
+++ b/lib/modules/sidea/splash/splash_controller.dart
@@ -0,0 +1,44 @@
+import 'package:flutter/material.dart';
+import 'package:get/get.dart';
+import 'package:tone_snap/ads/app_open_ad_manager.dart';
+import 'package:tone_snap/utils/tracking_authorization_util.dart';
+
+class SplashController extends GetxController with GetSingleTickerProviderStateMixin {
+  var processValue = 0.0.obs;
+  late AnimationController _controller;
+  late Animation<double> _animation;
+
+  @override
+  void onInit() {
+    super.onInit();
+    _controller = AnimationController(
+      duration: const Duration(seconds: 10),
+      vsync: this,
+    );
+
+    // 创建 Tween 并绑定到 AnimationController
+    _animation = Tween<double>(begin: 0, end: 1).animate(_controller)
+      ..addListener(() {
+        processValue.value = _animation.value;
+        if (processValue.value >= 1) {
+          // 显示开屏广告
+          AppOpenAdManager().showAdIfAvailable();
+        }
+      });
+
+    // 启动动画
+    _controller.forward();
+
+    // 延迟3秒执行
+    Future.delayed(const Duration(seconds: 3), () {
+      // ATT授权
+      TrackingAuthorizationUtil.requestTrackingAuthorization();
+    });
+  }
+
+  @override
+  void onClose() {
+    _controller.dispose();
+    super.onClose();
+  }
+}
diff --git a/lib/modules/sidea/splash/splash_view.dart b/lib/modules/sidea/splash/splash_view.dart
new file mode 100644
index 0000000..7f1bd90
--- /dev/null
+++ b/lib/modules/sidea/splash/splash_view.dart
@@ -0,0 +1,65 @@
+import 'package:flutter/material.dart';
+import 'package:flutter_screenutil/flutter_screenutil.dart';
+import 'package:get/get.dart';
+import 'package:tone_snap/generated/assets.dart';
+import 'package:tone_snap/modules/sidea/splash/splash_controller.dart';
+import 'package:tone_snap/res/themes/app_colors.dart';
+
+class SplashView extends StatelessWidget {
+  SplashView({super.key});
+
+  final controller = Get.find<SplashController>();
+
+  @override
+  Widget build(BuildContext context) {
+    return Scaffold(
+      body: Stack(
+        children: [
+          _buildImageBg(),
+          _buildProgress(),
+        ],
+      ),
+    );
+  }
+
+  Widget _buildImageBg() {
+    return Image.asset(
+      Assets.sideALaunchImage,
+      width: 1.sw,
+      height: 1.sh,
+      fit: BoxFit.cover,
+    );
+  }
+
+  Widget _buildProgress() {
+    return Container(
+      alignment: Alignment.center,
+      margin: const EdgeInsets.only(bottom: 60).h,
+      child: Column(
+        mainAxisAlignment: MainAxisAlignment.end,
+        children: [
+          SizedBox(
+            width: 0.5.sw,
+            child: Obx(() {
+              return LinearProgressIndicator(
+                value: controller.processValue.value,
+                backgroundColor: Colors.white,
+                valueColor: const AlwaysStoppedAnimation<Color>(sideBSeedColor),
+                borderRadius: BorderRadius.circular(8).r,
+              );
+            }),
+          ),
+          SizedBox(height: 14.h),
+          Text(
+            'Resource Loading...',
+            style: TextStyle(
+              color: Colors.white,
+              fontSize: 12.sp,
+              fontWeight: FontWeight.w500,
+            ),
+          ),
+        ],
+      ),
+    );
+  }
+}
diff --git a/lib/modules/sidea/upload_method/upload_mothod_binding.dart b/lib/modules/sidea/upload_method/upload_mothod_binding.dart
new file mode 100644
index 0000000..63abb63
--- /dev/null
+++ b/lib/modules/sidea/upload_method/upload_mothod_binding.dart
@@ -0,0 +1,9 @@
+import 'package:get/get.dart';
+import 'package:tone_snap/modules/sidea/upload_method/upload_mothod_controller.dart';
+
+class UploadMethodBinding extends Bindings {
+  @override
+  void dependencies() {
+    Get.lazyPut(() => UploadMethodController());
+  }
+}
diff --git a/lib/modules/sidea/upload_method/upload_mothod_controller.dart b/lib/modules/sidea/upload_method/upload_mothod_controller.dart
new file mode 100644
index 0000000..b75c0b9
--- /dev/null
+++ b/lib/modules/sidea/upload_method/upload_mothod_controller.dart
@@ -0,0 +1,45 @@
+import 'dart:io';
+
+import 'package:file_picker/file_picker.dart';
+import 'package:get/get.dart';
+import 'package:permission_handler/permission_handler.dart';
+import 'package:tone_snap/components/base_easyloading.dart';
+import 'package:tone_snap/routes/app_routes.dart';
+import 'package:tone_snap/utils/device_info_util.dart';
+import 'package:tone_snap/utils/permission_util.dart';
+
+class UploadMethodController extends GetxController {
+
+  Future<void> goRecordSound() async {
+    Get.toNamed(AppRoutes.recordSound);
+  }
+
+  void openFilePicker() async {
+    Permission permission;
+    if (Platform.isAndroid) {
+      int sdkInt = await DeviceInfoUtil.getAndroidSDKInt();
+      if (sdkInt >= 33) {
+        permission = Permission.audio;
+      } else {
+        permission = Permission.storage;
+      }
+    } else {
+      permission = Permission.mediaLibrary;
+    }
+    bool result = await PermissionUtil.checkPermission([permission]);
+    if (!result) return;
+
+    FilePickerResult? filePickerResult = await FilePicker.platform.pickFiles(
+      type: FileType.custom,
+      allowedExtensions: ['mp3', 'wav', 'm4a', 'flac', 'aac'],
+      onFileLoading: (FilePickerStatus status) {
+        if (status == FilePickerStatus.picking) BaseEasyLoading.loading();
+        if (status == FilePickerStatus.done) BaseEasyLoading.dismiss();
+      },
+    );
+    if (filePickerResult != null) {
+      PlatformFile file = filePickerResult.files.first;
+      Get.toNamed(AppRoutes.changeVoice, arguments: file.path);
+    }
+  }
+}
diff --git a/lib/modules/sidea/upload_method/upload_mothod_view.dart b/lib/modules/sidea/upload_method/upload_mothod_view.dart
new file mode 100644
index 0000000..d86404d
--- /dev/null
+++ b/lib/modules/sidea/upload_method/upload_mothod_view.dart
@@ -0,0 +1,72 @@
+import 'package:flutter/material.dart';
+import 'package:flutter_screenutil/flutter_screenutil.dart';
+import 'package:get/get.dart';
+import 'package:tone_snap/components/base_appbar.dart';
+import 'package:tone_snap/generated/assets.dart';
+import 'package:tone_snap/modules/sidea/upload_method/upload_mothod_controller.dart';
+
+class UploadMethodView extends StatelessWidget {
+  UploadMethodView({super.key});
+
+  final controller = Get.find<UploadMethodController>();
+
+  @override
+  Widget build(BuildContext context) {
+    Get.put(UploadMethodController());
+    final labelTextStyle = TextStyle(
+      color: Colors.white,
+      fontSize: 20.sp,
+      fontWeight: FontWeight.bold,
+    );
+    return Stack(
+      children: [
+        Image.asset(
+          Assets.sideAUploadMethodBg,
+          width: 1.sw,
+          height: 1.sh,
+          fit: BoxFit.fill,
+        ),
+        Scaffold(
+          backgroundColor: Colors.transparent,
+          appBar: const BaseAppBar('Upload method', backgroundColor: Colors.transparent),
+          body: SingleChildScrollView(
+            child: Center(
+              child: Column(
+                children: [
+                  SizedBox(height: 88.h),
+                  GestureDetector(
+                    onTap: controller.goRecordSound,
+                    child: Image.asset(
+                      Assets.sideAUploadRecordSound,
+                      width: 122.w,
+                      height: 122.w,
+                    ),
+                  ),
+                  SizedBox(height: 12.h),
+                  Text(
+                    'Record Sound',
+                    style: labelTextStyle,
+                  ),
+                  SizedBox(height: 94.h),
+                  GestureDetector(
+                    onTap: controller.openFilePicker,
+                    child: Image.asset(
+                      Assets.sideAUploadPick,
+                      width: 122.w,
+                      height: 122.w,
+                    ),
+                  ),
+                  SizedBox(height: 12.h),
+                  Text(
+                    'Pick From Files',
+                    style: labelTextStyle,
+                  ),
+                ],
+              ),
+            ),
+          ),
+        )
+      ],
+    );
+  }
+}
diff --git a/lib/modules/sidea/widgets/head_label.dart b/lib/modules/sidea/widgets/head_label.dart
new file mode 100644
index 0000000..bcab30b
--- /dev/null
+++ b/lib/modules/sidea/widgets/head_label.dart
@@ -0,0 +1,34 @@
+// Author: fengshengxiong
+// Date: 2024/6/5
+// Description: 头部标签
+
+import 'package:flutter/material.dart';
+import 'package:flutter_screenutil/flutter_screenutil.dart';
+
+class HeadLabel extends StatelessWidget {
+  const HeadLabel({
+    super.key,
+    required this.assets,
+    required this.width,
+    required this.height,
+  });
+
+  final String assets;
+  final double width;
+  final double height;
+
+  @override
+  Widget build(BuildContext context) {
+    return Padding(
+      padding: EdgeInsets.fromLTRB(20.w, MediaQuery.of(context).padding.top + 24.h, 20.w, 14.h),
+      child: Align(
+        alignment: Alignment.topLeft,
+        child: Image.asset(
+          assets,
+          width: width,
+          height: height,
+        ),
+      ),
+    );
+  }
+}
diff --git a/lib/modules/sidea/widgets/my_voice_item.dart b/lib/modules/sidea/widgets/my_voice_item.dart
new file mode 100644
index 0000000..b399adf
--- /dev/null
+++ b/lib/modules/sidea/widgets/my_voice_item.dart
@@ -0,0 +1,94 @@
+// Author: fengshengxiong
+// Date: 2024/6/5
+// Description: 我的音频item
+
+import 'package:flutter/material.dart';
+import 'package:flutter_screenutil/flutter_screenutil.dart';
+import 'package:tone_snap/components/my_marquee_text.dart';
+import 'package:tone_snap/data/sidea/models/voice_model.dart';
+import 'package:tone_snap/generated/assets.dart';
+import 'package:tone_snap/utils/obj_util.dart';
+
+class MyVoiceItem extends StatelessWidget {
+  const MyVoiceItem({
+    super.key,
+    required this.item,
+    required this.onTapItem,
+    required this.onReName,
+    required this.onDelete,
+  });
+
+  final VoiceModel item;
+  final Function() onTapItem;
+  final Function() onReName;
+  final Function() onDelete;
+
+  @override
+  Widget build(BuildContext context) {
+    return InkWell(
+      onTap: onTapItem,
+      child: Padding(
+        padding: EdgeInsets.symmetric(horizontal: 24.w, vertical: 8.h),
+        child: Row(
+          children: [
+            ClipOval(
+              child: Image.asset(
+                ObjUtil.isNotEmptyStr(item.cover) ? item.cover! : Assets.sideAVoiceDefault,
+                width: 52.w,
+                height: 52.w,
+                fit: BoxFit.cover,
+              ),
+            ),
+            SizedBox(width: 12.w),
+            Expanded(
+              child: MyMarqueeText(
+                text: item.name,
+                textStyle: TextStyle(
+                  color: Colors.white,
+                  fontSize: 18.sp,
+                  fontWeight: FontWeight.w500,
+                ),
+              ),
+            ),
+            SizedBox(width: 12.w),
+            PopupMenuButton(
+              offset: Offset(0, 38.w),
+              color: Colors.white,
+              padding: EdgeInsets.zero,
+              itemBuilder: (context) {
+                return <PopupMenuEntry>[
+                  PopupMenuItem(
+                    onTap: onReName,
+                    child: Center(
+                      child: Text(
+                        'Rename',
+                        style: TextStyle(fontSize: 15.sp, fontWeight: FontWeight.w500),
+                      ),
+                    ),
+                  ),
+                  PopupMenuItem(
+                    onTap: onDelete,
+                    child: Center(
+                      child: Text(
+                        'Delete',
+                        style: TextStyle(fontSize: 15.sp, fontWeight: FontWeight.w500),
+                      ),
+                    ),
+                  ),
+                ];
+              },
+              child: Padding(
+                padding: const EdgeInsets.all(6).w,
+                child: Image.asset(
+                  Assets.sideAMore,
+                  width: 32.w,
+                  height: 32.w,
+                ),
+              ),
+            ),
+          ],
+        ),
+      ),
+    );
+  }
+}
diff --git a/lib/modules/sideb/controllers/music_player_controller.dart b/lib/modules/sideb/controllers/music_player_controller.dart
new file mode 100644
index 0000000..d789359
--- /dev/null
+++ b/lib/modules/sideb/controllers/music_player_controller.dart
@@ -0,0 +1,223 @@
+// Author: fengshengxiong
+// Date: 2024/5/30
+// Description: 音乐播放器控制器
+
+import 'dart:async';
+import 'dart:io';
+
+import 'package:flutter_cache_manager/flutter_cache_manager.dart';
+import 'package:get/get.dart';
+import 'package:just_audio/just_audio.dart';
+import 'package:tone_snap/components/base_easyloading.dart';
+import 'package:tone_snap/data/cache/music_cache_manager.dart';
+import 'package:tone_snap/utils/audio_util.dart';
+import 'package:tone_snap/utils/date_util.dart';
+import 'package:tone_snap/utils/log_util.dart';
+
+class MusicPlayerController extends GetxController {
+  static MusicPlayerController get to => Get.put(MusicPlayerController(), permanent: true);
+  final _player = AudioPlayer();
+  StreamSubscription<Duration>? _bufferedSubscription;
+  StreamSubscription<Duration?>? _durationSubscription;
+  StreamSubscription<Duration>? _positionSubscription;
+  StreamSubscription<PlayerState>? _playerStateSubscription;
+
+  /// 缓存管理器
+  // final cacheManager = DefaultCacheManager();
+  final cacheManager = MusicCacheManager.instance;
+  var cacheKey = '';
+
+  /// 是否正在从缓存播放中
+  var _isPlayingFromCache = false;
+
+  /// 当前播放的url
+  var currentUrl = '';
+
+  /// 是否正在播放
+  var isPlaying = false.obs;
+
+  /// 总时长、已播放的时长、缓冲时长
+  var totalDuration = Duration.zero.obs;
+  var positionDuration = Duration.zero.obs;
+  var bufferedDuration = Duration.zero.obs;
+
+  /// 记录进度条拖动前缓冲的位置
+  Duration? bufferedPosition;
+
+  /// 拖动前是否是播放状态
+  var seekFrontPlaying = true;
+
+  @override
+  void onInit() {
+    super.onInit();
+    AudioUtil.configAudioSession();
+  }
+
+  @override
+  void onClose() {
+    _cancelListening();
+    _player.dispose();
+    super.onClose();
+  }
+
+  /// 播放新的 url
+  Future<void> playNewUrl(String newUrl, String videoId) async {
+    await _initializePlayer(newUrl, videoId);
+    _player.play();
+
+    // 使用的 music_$videoId 作为唯一的 key
+    cacheKey = 'music_$videoId';
+  }
+
+  /// 设置 url 和监听器
+  Future<void> _initializePlayer(String url, String videoId) async {
+    try {
+      currentUrl = url;
+      // 检查是否有缓存
+      FileInfo? fileInfo = await cacheManager.getFileFromMemory(cacheKey);
+      if (fileInfo != null) {
+        LogUtil.d('有缓存，文件路径=${fileInfo.file.path}');
+        // 如果有缓存，使用缓存文件
+        await _player.setFilePath(fileInfo.file.path);
+        _isPlayingFromCache = true;
+      } else {
+        // 如果没有缓存，通过 url 加载音源并开始播放，同时启动缓存下载
+        await _player.setUrl(currentUrl);
+        _isPlayingFromCache = false;
+
+        // 下载并缓存文件
+        cacheManager.downloadFile(currentUrl, key: cacheKey).then((fileInfo) {
+          // 如果缓存下载完成且当前不是从缓存播放，切换到缓存文件
+          if (!_isPlayingFromCache) {
+            LogUtil.d('新歌曲缓存路径=${fileInfo.file.path}');
+            _player.setFilePath(fileInfo.file.path);
+            _isPlayingFromCache = true;
+          }
+        });
+      }
+      _player.setLoopMode(LoopMode.off);
+      _cancelListening();
+      _addListening();
+    } catch (e) {
+      LogUtil.e('Error initializing player: $e');
+      BaseEasyLoading.toast('Error initializing player');
+    }
+  }
+
+  /// 播放/暂停
+  Future<void> playPause() async {
+    if (_player.playing) {
+      _player.pause();
+    } else {
+      if (_player.processingState == ProcessingState.idle) {
+        BaseEasyLoading.loading();
+        await _player.load();
+        BaseEasyLoading.dismiss();
+      }
+      _player.play();
+    }
+  }
+
+  /// 停止播放
+  void stopPlay() {
+    _player.stop();
+    _player.seek(Duration.zero);
+    positionDuration.value = Duration.zero;
+  }
+
+  /// 将播放器的播放位置设置为指定的时间
+  void seekToPosition(double value) {
+    if (_player.processingState == ProcessingState.ready) {
+      positionDuration.value = Duration(seconds: value.toInt());
+      _player.seek(positionDuration.value);
+    }
+  }
+
+  /// 开始/结束拖动进度条
+  Future<void> seekStartEnd(int value) async {
+    bufferedPosition = _player.bufferedPosition;
+    if (_player.processingState == ProcessingState.ready) {
+      if (value == 0) {
+        seekFrontPlaying = _player.playing;
+        if (_player.playing) {
+          _player.pause();
+        }
+      } else {
+        // 拖动前如果是播放状态，拖动完成后恢复播放，否则相反
+        if (seekFrontPlaying) {
+          _player.play();
+        }
+      }
+    }
+  }
+
+  /// 上一首
+  void seekToPrevious() {
+    _player.seekToPrevious();
+  }
+
+  /// 下一首
+  void seekToNext() {
+    _player.seekToNext();
+  }
+
+  /// 监听
+  void _addListening() {
+    _bufferedSubscription = _player.bufferedPositionStream.listen((bufferedPosition) {
+      bufferedDuration.value = bufferedPosition;
+    });
+
+    _durationSubscription = _player.durationStream.listen((duration) {
+      totalDuration.value = duration ?? Duration.zero;
+    });
+
+    _positionSubscription = _player.positionStream.listen((position) {
+      positionDuration.value = position;
+    });
+
+    _playerStateSubscription = _player.playerStateStream.listen((playerState) {
+      isPlaying.value = _player.playing;
+      switch (playerState.processingState) {
+        case ProcessingState.idle:
+          break;
+        case ProcessingState.loading:
+          break;
+        case ProcessingState.buffering:
+          break;
+        case ProcessingState.ready:
+          break;
+        case ProcessingState.completed:
+          stopPlay();
+          break;
+      }
+    });
+  }
+
+  /// 取消监听
+  void _cancelListening() {
+    _bufferedSubscription?.cancel();
+    _durationSubscription?.cancel();
+    _positionSubscription?.cancel();
+    _playerStateSubscription?.cancel();
+  }
+
+  /// 返回格式化后的总时长
+  String getTotalDuration() {
+    return DateUtil.playDuration(totalDuration.value);
+  }
+
+  /// 返回格式化后的已持续时间
+  String getPositionDuration() {
+    return DateUtil.playDuration(positionDuration.value);
+  }
+
+  /// 文件是否存在
+  Future<bool> _fileExists(String path) async {
+    if (await File(path).exists()) {
+      return true;
+    } else {
+      BaseEasyLoading.toast('Local resource does not exist');
+      return false;
+    }
+  }
+}
diff --git a/lib/modules/sideb/home/home_binding.dart b/lib/modules/sideb/home/home_binding.dart
new file mode 100644
index 0000000..0905989
--- /dev/null
+++ b/lib/modules/sideb/home/home_binding.dart
@@ -0,0 +1,10 @@
+import 'package:get/get.dart';
+
+import 'home_controller.dart';
+
+class HomeBinding extends Bindings {
+  @override
+  void dependencies() {
+    Get.lazyPut(() => HomeController());
+  }
+}
diff --git a/lib/modules/sideb/home/home_controller.dart b/lib/modules/sideb/home/home_controller.dart
new file mode 100644
index 0000000..7c1872f
--- /dev/null
+++ b/lib/modules/sideb/home/home_controller.dart
@@ -0,0 +1,161 @@
+import 'package:get/get.dart';
+import 'package:tone_snap/data/sideb/api/music_api.dart';
+import 'package:tone_snap/data/sideb/enum/browse_type.dart';
+import 'package:tone_snap/data/sideb/models/browse_model.dart';
+import 'package:tone_snap/data/sideb/models/home_model.dart';
+import 'package:tone_snap/routes/app_routes.dart';
+import 'package:tone_snap/utils/obj_util.dart';
+
+class HomeController extends GetxController {
+  var data = <HomeModel>[].obs;
+  String? visitorData;
+
+  @override
+  void onReady() {
+    super.onReady();
+    _firstBrowse();
+  }
+
+  /// 首次请求
+  Future<void> _firstBrowse() async {
+    Map<String, dynamic> queryParameters = {
+      'prettyPrint': false,
+      'browseId': 'FEmusic_home'
+    };
+    BrowseModel? browseModel = await MusicApi.browse(queryParameters: queryParameters);
+    if (browseModel != null) {
+      _extractAssemblyData(browseModel);
+
+      // 获取 visitorData
+      visitorData = browseModel.responseContext?.visitorData;
+
+      // 获取 continuation、clickTrackingParams
+      var continuations = browseModel.contents?.singleColumnBrowseResultsRenderer?.tabs?[0].tabRenderer?.content?.sectionListRenderer?.continuations;
+      String? continuation;
+      String? clickTrackingParams;
+      if (continuations != null && continuations.isNotEmpty) {
+        continuation = continuations[0].nextContinuationData?.continuation;
+        clickTrackingParams = continuations[0].nextContinuationData?.clickTrackingParams;
+      }
+      _reBrowse(continuation: continuation, clickTrackingParams: clickTrackingParams);
+    }
+  }
+
+  /// 复用请求
+  Future<void> _reBrowse({String? continuation, String? clickTrackingParams}) async {
+    Map<String, dynamic> queryParameters = {
+      'ctoken': continuation,
+      'continuation': continuation,
+      'type': 'next',
+      'itct': clickTrackingParams,
+      'prettyPrint': false
+    };
+    BrowseModel? browseModel = await MusicApi.browse(queryParameters: queryParameters, visitorData: visitorData);
+    if (browseModel != null) {
+      _extractAssemblyData(browseModel);
+
+      var continuations = browseModel.continuationContents?.sectionListContinuation?.continuations;
+      if (continuations != null && continuations.isNotEmpty) {
+        // continuation、clickTrackingParams 若不为空，继续请求
+        if (continuations[0].nextContinuationData?.continuation != null && continuations[0].nextContinuationData?.clickTrackingParams != null) {
+          _reBrowse(continuation: continuations[0].nextContinuationData?.continuation, clickTrackingParams: continuations[0].nextContinuationData?.clickTrackingParams);
+        }
+      }
+    }
+  }
+
+  /// 提取首页数据，组装展示数据
+  void _extractAssemblyData(BrowseModel browseModel) {
+    List<SectionListContinuationContent>? contents;
+    if (browseModel.contents?.singleColumnBrowseResultsRenderer?.tabs?[0].tabRenderer?.content != null) {
+      contents = browseModel.contents?.singleColumnBrowseResultsRenderer?.tabs?[0].tabRenderer?.content?.sectionListRenderer?.contents;
+    } else if (browseModel.continuationContents != null) {
+      contents = browseModel.continuationContents?.sectionListContinuation?.contents;
+    }
+    if (contents != null && contents.isNotEmpty) {
+      for (var e1 in contents) {
+        HomeModel model = HomeModel();
+
+        // 获取头部标题
+        var runs = e1.musicCarouselShelfRenderer?.header?.musicCarouselShelfBasicHeaderRenderer?.title?.runs;
+        if (runs != null && runs.isNotEmpty) {
+          model.headerTitle = runs[0].text;
+        }
+        var contents = e1.musicCarouselShelfRenderer?.contents;
+        if (contents != null) {
+          model.contents = [];
+          for (var e2 in contents) {
+            Content content = Content();
+
+            // 获取封面缩略图
+            List<ThumbnailElement>? thumbnails;
+            if (e2.musicResponsiveListItemRenderer != null) {
+              thumbnails = e2.musicResponsiveListItemRenderer?.thumbnail?.musicThumbnailRenderer?.thumbnail?.thumbnails;
+
+              var flexColumns = e2.musicResponsiveListItemRenderer?.flexColumns;
+              if (flexColumns != null) {
+                for (var e3 in flexColumns) {
+                  var runs = e3.musicResponsiveListItemFlexColumnRenderer?.text?.runs;
+                  if (flexColumns.indexOf(e3) == 0) {
+                    if (runs != null && runs.isNotEmpty) {
+                      // 获取主标题
+                      content.title = runs[0].text;
+
+                      // 获取数据类型
+                      if (runs[0].navigationEndpoint?.watchEndpoint != null) {
+                        model.browseType = runs[0].navigationEndpoint?.watchEndpoint?.watchEndpointMusicSupportedConfigs?.watchEndpointMusicConfig?.musicVideoType;
+                        content.videoId = runs[0].navigationEndpoint?.watchEndpoint?.videoId;
+                        content.playlistId = runs[0].navigationEndpoint?.watchEndpoint?.playlistId;
+                      } else if (runs[0].navigationEndpoint?.browseEndpoint != null) {
+                        model.browseType = runs[0].navigationEndpoint?.browseEndpoint?.browseEndpointContextSupportedConfigs?.browseEndpointContextMusicConfig?.pageType;
+                        content.browseId = runs[0].navigationEndpoint?.browseEndpoint?.browseId;
+                      }
+                    }
+                  } else {
+                    // 获取副标题
+                    if (runs != null && runs.isNotEmpty) {
+                      content.subTitle = (ObjUtil.isNotEmptyStr(content.subTitle) ? '${content.subTitle} • ' : '') + runs.map((e) => e.text).join();
+                    }
+                  }
+                }
+              }
+            } else if (e2.musicTwoRowItemRenderer != null) {
+              thumbnails = e2.musicTwoRowItemRenderer?.thumbnailRenderer?.musicThumbnailRenderer?.thumbnail?.thumbnails;
+
+              // 获取主标题
+              var runs = e2.musicTwoRowItemRenderer?.title?.runs;
+              if (runs != null && runs.isNotEmpty) {
+                content.title = runs[0].text;
+              }
+
+              // 获取副标题
+              var subtitleRuns = e2.musicTwoRowItemRenderer?.subtitle?.runs;
+              if (subtitleRuns != null && subtitleRuns.isNotEmpty) {
+                content.subTitle = subtitleRuns.map((e) => e.text).join();
+              }
+
+              // 获取数据类型
+              if (e2.musicTwoRowItemRenderer?.navigationEndpoint != null) {
+                model.browseType = e2.musicTwoRowItemRenderer?.navigationEndpoint?.browseEndpoint?.browseEndpointContextSupportedConfigs?.browseEndpointContextMusicConfig?.pageType;
+                content.browseId = e2.musicTwoRowItemRenderer?.navigationEndpoint?.browseEndpoint?.browseId;
+              }
+            }
+            if (thumbnails != null && thumbnails.isNotEmpty) {
+              content.thumbnail = thumbnails.last.url;
+            }
+            model.contents?.add(content);
+          }
+        }
+        // 根据类型判断是否添加
+        if (BrowseTypeExtension.isThereAny(model.browseType)) {
+          data.add(model);
+        }
+      }
+    }
+  }
+  
+  /// 去播放音乐
+  void goPlayMusic(Content content) {
+    Get.toNamed(AppRoutes.playMusic, arguments: {'playlistId': content.playlistId, 'videoId': content.videoId});
+  }
+}
diff --git a/lib/modules/sideb/home/home_view.dart b/lib/modules/sideb/home/home_view.dart
new file mode 100644
index 0000000..03ad689
--- /dev/null
+++ b/lib/modules/sideb/home/home_view.dart
@@ -0,0 +1,135 @@
+import 'package:flutter/material.dart';
+import 'package:flutter_screenutil/flutter_screenutil.dart';
+import 'package:get/get.dart';
+import 'package:tone_snap/components/base_scrollbar.dart';
+import 'package:tone_snap/data/sideb/enum/browse_type.dart';
+import 'package:tone_snap/modules/sideb/widgets/album_item.dart';
+import 'package:tone_snap/modules/sideb/widgets/atv_item.dart';
+import 'package:tone_snap/modules/sideb/widgets/music_appbar.dart';
+import 'package:tone_snap/data/sideb/models/home_model.dart';
+import 'package:tone_snap/generated/assets.dart';
+import 'package:tone_snap/modules/sideb/widgets/omv_item.dart';
+import 'package:tone_snap/utils/obj_util.dart';
+
+import 'home_controller.dart';
+
+class HomeView extends GetView<HomeController> {
+  const HomeView({super.key});
+
+  @override
+  Widget build(BuildContext context) {
+    Get.find<HomeController>();
+    return Column(
+      children: [
+        _buildTitleWidget(),
+        _buildListView(context),
+      ],
+    );
+  }
+
+  Widget _buildTitleWidget() {
+    return MusicAppbar(
+      title: 'Musicoo',
+      showBackWidget: false,
+      actionOnTap: () {},
+      action: Image.asset(
+        Assets.sideBLineMenu,
+        width: 24.w,
+        height: 24.w,
+      ),
+    );
+  }
+
+  Widget _buildListView(BuildContext context) {
+    return Expanded(
+      child: BaseScrollbar(
+        child: Obx(() {
+          return ListView.separated(
+            itemCount: controller.data.length,
+            padding: EdgeInsets.fromLTRB(16.w, 0.h, 16.w, 16.h),
+            itemBuilder: (context, index) {
+              return _buildColumnItem(controller.data[index]);
+            },
+            separatorBuilder: (context, index) {
+              return SizedBox(height: 16.h);
+            },
+          );
+        }),
+      ),
+    );
+  }
+
+  /// 模版标签
+  Widget _labelWidget(String label) {
+    return InkWell(
+      onTap: () {},
+      child: SizedBox(
+        height: 40.h,
+        child: Row(
+          children: [
+            Expanded(
+              child: Text(
+                label,
+                maxLines: 1,
+                overflow: TextOverflow.ellipsis,
+                style: TextStyle(
+                  color: Colors.white,
+                  fontSize: 18.sp,
+                ),
+              ),
+            ),
+            SizedBox(width: 16.w),
+            Image.asset(
+              Assets.sideBArrowRightItem,
+              width: 24.w,
+              height: 24.w,
+            ),
+          ],
+        ),
+      ),
+    );
+  }
+
+  /// 垂直列表Item
+  Widget _buildColumnItem(HomeModel model) {
+    if (!BrowseTypeExtension.isThereAny(model.browseType)) {
+      return Container();
+    }
+    double? itemHeight;
+    if (model.browseType == BrowseType.musicVideoTypeAtv.name) {
+      itemHeight = 174.h;
+    } else if (model.browseType == BrowseType.musicPageTypeAlbum.name || model.browseType == BrowseType.musicPageTypePlaylist.name) {
+      itemHeight = 195.h;
+    } else if (model.browseType == BrowseType.musicVideoTypeOmv.name) {
+      itemHeight = 277.h;
+    }
+    return SizedBox(
+      height: itemHeight,
+      child: Column(
+        children: [
+          _labelWidget(ObjUtil.getStr(model.headerTitle)),
+          Expanded(
+            child: ListView.separated(
+              scrollDirection: Axis.horizontal,
+              itemCount: model.contents != null ? model.contents!.length : 0,
+              itemBuilder: (context, index) {
+                final content = model.contents![index];
+                if (model.browseType == BrowseType.musicVideoTypeAtv.name) {
+                  return AtvItem(content: content, onTap: () => controller.goPlayMusic(content));
+                } else if (model.browseType == BrowseType.musicPageTypeAlbum.name || model.browseType == BrowseType.musicPageTypePlaylist.name) {
+                  return AlbumItem(content: content);
+                } else if (model.browseType == BrowseType.musicVideoTypeOmv.name) {
+                  return OmvItem(content: content);
+                }
+                return Container();
+              },
+              separatorBuilder: (context, index) {
+                return SizedBox(width: 7.w);
+              },
+            ),
+          ),
+        ],
+      ),
+    );
+  }
+}
diff --git a/lib/modules/sideb/initial/initial_binding.dart b/lib/modules/sideb/initial/initial_binding.dart
new file mode 100644
index 0000000..7034ae7
--- /dev/null
+++ b/lib/modules/sideb/initial/initial_binding.dart
@@ -0,0 +1,9 @@
+import 'package:get/get.dart';
+import 'package:tone_snap/modules/sideb/initial/initial_controller.dart';
+
+class InitialBinding extends Bindings {
+  @override
+  void dependencies() {
+    Get.lazyPut(() => InitialController());
+  }
+}
diff --git a/lib/modules/sideb/initial/initial_controller.dart b/lib/modules/sideb/initial/initial_controller.dart
new file mode 100644
index 0000000..d8137ee
--- /dev/null
+++ b/lib/modules/sideb/initial/initial_controller.dart
@@ -0,0 +1,42 @@
+import 'package:flutter/material.dart';
+import 'package:get/get.dart';
+import 'package:tone_snap/generated/assets.dart';
+import 'package:tone_snap/modules/sideb/home/home_view.dart';
+import 'package:tone_snap/modules/sideb/me/me_view.dart';
+import 'package:tone_snap/modules/sideb/search_music/search_music_view.dart';
+
+class InitialController extends GetxController {
+  static InitialController get to => Get.find<InitialController>();
+  late PageController pageController;
+  final pages = [
+    PageItem([Assets.sideBBnb1Unselected, Assets.sideBBnb1Selected], const HomeView()),
+    PageItem([Assets.sideBBnb2Unselected, Assets.sideBBnb2Selected], const SearchMusicView()),
+    PageItem([Assets.sideBBnb3Unselected, Assets.sideBBnb3Selected], const MeView()),
+  ];
+  var currentIndex = 0.obs;
+
+  @override
+  void onInit() {
+    super.onInit();
+    pageController = PageController(initialPage: currentIndex.value);
+  }
+
+  @override
+  void onClose() {
+    pageController.dispose();
+    super.onClose();
+  }
+
+  Future<void> onBottomAppBarItemChanged(int index) async {
+    currentIndex.value = index;
+    pageController.jumpToPage(index);
+  }
+}
+
+class PageItem {
+  late final List<String> icons;
+  late final StatelessWidget widget;
+
+  PageItem(this.icons, this.widget);
+}
+
diff --git a/lib/modules/sideb/initial/initial_view.dart b/lib/modules/sideb/initial/initial_view.dart
new file mode 100644
index 0000000..ef4b3ad
--- /dev/null
+++ b/lib/modules/sideb/initial/initial_view.dart
@@ -0,0 +1,106 @@
+import 'package:flutter/material.dart';
+import 'package:flutter_screenutil/flutter_screenutil.dart';
+import 'package:get/get.dart';
+import 'package:tone_snap/components/keep_alive_wrapper.dart';
+import 'package:tone_snap/generated/assets.dart';
+import 'package:tone_snap/modules/sideb/initial/initial_controller.dart';
+
+class InitialView extends StatelessWidget {
+  InitialView({super.key});
+
+  final controller = Get.find<InitialController>();
+
+  @override
+  Widget build(BuildContext context) {
+    double bottomPadding = MediaQuery.of(context).padding.bottom;
+    return Stack(
+      children: [
+        Image.asset(
+          Assets.sideBHomeBg,
+          width: 1.sw,
+          fit: BoxFit.fitWidth,
+        ),
+        Scaffold(
+          backgroundColor: Colors.transparent,
+          body: PageView(
+            physics: const NeverScrollableScrollPhysics(),
+            controller: controller.pageController,
+            children: controller.pages.map((e) => KeepAliveWrapper(child: e.widget)).toList(),
+          ),
+          bottomNavigationBar: _buildBottomAppBar(bottomPadding),
+        ),
+        // _buildPlayerBar(bottomPadding),
+      ],
+    );
+  }
+
+  Widget _buildBottomAppBar(double bottomPadding) {
+    return Container(
+      height: 72.h + bottomPadding,
+      padding: EdgeInsets.only(bottom: bottomPadding),
+      decoration: BoxDecoration(
+        borderRadius: BorderRadius.only(topLeft: Radius.circular(24.r), topRight: Radius.circular(24.r)),
+        image: const DecorationImage(
+          image: AssetImage(Assets.sideBBnbBg),
+          fit: BoxFit.fill,
+        ),
+      ),
+      child: Row(
+        children: controller.pages.asMap().entries.map((e) {
+          return Expanded(
+            child: GestureDetector(
+              behavior: HitTestBehavior.opaque,
+              onTap: () => controller.onBottomAppBarItemChanged(e.key),
+              child: SizedBox(
+                height: double.infinity,
+                child: FittedBox(
+                  fit: BoxFit.none,
+                  child: Obx(() {
+                    return Visibility(
+                      visible: controller.currentIndex.value == e.key,
+                      replacement: Image.asset(
+                        e.value.icons[0],
+                        width: 28.w,
+                        height: 28.w,
+                      ),
+                      child: Image.asset(
+                        e.value.icons[1],
+                        width: 36.w,
+                        height: 36.w,
+                        gaplessPlayback: true,
+                      ),
+                    );
+                  }),
+                ),
+              ),
+            ),
+          );
+        }).toList(),
+      ),
+    );
+  }
+
+  Widget _buildPlayerBar(double bottomPadding) {
+    return Positioned(
+      bottom: 65.5.h + bottomPadding,
+      left: 16.w,
+      right: 16.w,
+      child: Container(
+        width: 1.sw,
+        height: 75.5.h,
+        decoration: BoxDecoration(
+          color: const Color(0xFF80F988),
+          borderRadius: BorderRadius.circular(36).r,
+          boxShadow: const [
+            BoxShadow(
+              color: Color(0x40040604),
+              offset: Offset(0, 4),
+              blurRadius: 4,
+              spreadRadius: 0,
+            ),
+          ],
+        ),
+      ),
+    );
+  }
+}
diff --git a/lib/modules/sideb/me/me_binding.dart b/lib/modules/sideb/me/me_binding.dart
new file mode 100644
index 0000000..f0135d6
--- /dev/null
+++ b/lib/modules/sideb/me/me_binding.dart
@@ -0,0 +1,10 @@
+import 'package:get/get.dart';
+
+import 'me_controller.dart';
+
+class MeBinding extends Bindings {
+  @override
+  void dependencies() {
+    Get.lazyPut(() => MeController());
+  }
+}
diff --git a/lib/modules/sideb/me/me_controller.dart b/lib/modules/sideb/me/me_controller.dart
new file mode 100644
index 0000000..8666234
--- /dev/null
+++ b/lib/modules/sideb/me/me_controller.dart
@@ -0,0 +1,5 @@
+import 'package:get/get.dart';
+
+class MeController extends GetxController {
+
+}
diff --git a/lib/modules/sideb/me/me_view.dart b/lib/modules/sideb/me/me_view.dart
new file mode 100644
index 0000000..07ce00f
--- /dev/null
+++ b/lib/modules/sideb/me/me_view.dart
@@ -0,0 +1,15 @@
+import 'package:flutter/material.dart';
+import 'package:get/get.dart';
+
+import 'me_controller.dart';
+
+class MeView extends GetView<MeController> {
+  const MeView({super.key});
+
+  @override
+  Widget build(BuildContext context) {
+    Get.find<MeController>();
+
+    return Container();
+  }
+}
diff --git a/lib/modules/sideb/search_music/search_music_binding.dart b/lib/modules/sideb/search_music/search_music_binding.dart
new file mode 100644
index 0000000..bf3c06c
--- /dev/null
+++ b/lib/modules/sideb/search_music/search_music_binding.dart
@@ -0,0 +1,10 @@
+import 'package:get/get.dart';
+
+import 'search_music_controller.dart';
+
+class SearchMusicBinding extends Bindings {
+  @override
+  void dependencies() {
+    Get.lazyPut(() => SearchMusicController());
+  }
+}
diff --git a/lib/modules/sideb/search_music/search_music_controller.dart b/lib/modules/sideb/search_music/search_music_controller.dart
new file mode 100644
index 0000000..e6e4993
--- /dev/null
+++ b/lib/modules/sideb/search_music/search_music_controller.dart
@@ -0,0 +1,5 @@
+import 'package:get/get.dart';
+
+class SearchMusicController extends GetxController {
+
+}
diff --git a/lib/modules/sideb/search_music/search_music_view.dart b/lib/modules/sideb/search_music/search_music_view.dart
new file mode 100644
index 0000000..c11e995
--- /dev/null
+++ b/lib/modules/sideb/search_music/search_music_view.dart
@@ -0,0 +1,15 @@
+import 'package:flutter/material.dart';
+import 'package:get/get.dart';
+
+import 'search_music_controller.dart';
+
+class SearchMusicView extends GetView<SearchMusicController> {
+  const SearchMusicView({super.key});
+
+  @override
+  Widget build(BuildContext context) {
+    Get.find<SearchMusicController>();
+
+    return Container();
+  }
+}
diff --git a/lib/modules/sideb/widgets/album_item.dart b/lib/modules/sideb/widgets/album_item.dart
new file mode 100644
index 0000000..26c6a9a
--- /dev/null
+++ b/lib/modules/sideb/widgets/album_item.dart
@@ -0,0 +1,57 @@
+// Author: fengshengxiong
+// Date: 2024/6/21
+// Description: 专辑Item
+
+import 'package:flutter/material.dart';
+import 'package:flutter_screenutil/flutter_screenutil.dart';
+import 'package:tone_snap/components/network_image_widget.dart';
+import 'package:tone_snap/data/sideb/models/home_model.dart';
+import 'package:tone_snap/utils/obj_util.dart';
+
+class AlbumItem extends StatelessWidget {
+  const AlbumItem({super.key, required this.content});
+
+  final Content content;
+
+  @override
+  Widget build(BuildContext context) {
+    return GestureDetector(
+      onTap: () {},
+      child: SizedBox(
+        width: 109.w,
+        height: double.infinity,
+        child: Column(
+          crossAxisAlignment: CrossAxisAlignment.start,
+          children: [
+            NetworkImageWidget(
+              url: content.thumbnail,
+              width: 109.w,
+              height: 109.w,
+              radius: 16.r,
+            ),
+            const Spacer(),
+            Text(
+              ObjUtil.getStr(content.title),
+              maxLines: 1,
+              overflow: TextOverflow.ellipsis,
+              style: TextStyle(
+                color: Colors.white,
+                fontSize: 14.sp,
+              ),
+            ),
+            SizedBox(height: 2.h),
+            Text(
+              ObjUtil.getStr(content.subTitle),
+              maxLines: 1,
+              overflow: TextOverflow.ellipsis,
+              style: TextStyle(
+                color: const Color(0xFF666666),
+                fontSize: 12.sp,
+              ),
+            ),
+          ],
+        ),
+      ),
+    );
+  }
+}
diff --git a/lib/modules/sideb/widgets/atv_item.dart b/lib/modules/sideb/widgets/atv_item.dart
new file mode 100644
index 0000000..d0c599f
--- /dev/null
+++ b/lib/modules/sideb/widgets/atv_item.dart
@@ -0,0 +1,94 @@
+// Author: fengshengxiong
+// Date: 2024/6/21
+// Description: 单曲Item
+
+import 'dart:ui';
+
+import 'package:flutter/material.dart';
+import 'package:flutter_screenutil/flutter_screenutil.dart';
+import 'package:tone_snap/components/network_image_widget.dart';
+import 'package:tone_snap/data/sideb/models/home_model.dart';
+import 'package:tone_snap/generated/assets.dart';
+import 'package:tone_snap/utils/obj_util.dart';
+
+class AtvItem extends StatelessWidget {
+  const AtvItem({super.key, required this.content, required this.onTap});
+
+  final Content content;
+  final Function() onTap;
+
+  @override
+  Widget build(BuildContext context) {
+    return GestureDetector(
+      onTap: onTap,
+      child: ClipRRect(
+        borderRadius: BorderRadius.circular(16).r,
+        child: SizedBox(
+          width: 168.w,
+          height: double.infinity,
+          child: Stack(
+            children: [
+              NetworkImageWidget(
+                url: content.thumbnail,
+                width: double.infinity,
+                height: double.infinity,
+              ),
+              Align(
+                alignment: Alignment.bottomCenter,
+                child: Container(
+                  width: double.infinity,
+                  height: 50.h,
+                  color: const Color(0xB3000000),
+                  child: ClipRect(
+                    child: BackdropFilter(
+                      filter: ImageFilter.blur(sigmaX: 31.0, sigmaY: 31.0),
+                      child: Padding(
+                        padding: const EdgeInsets.only(left: 12, right: 14).w,
+                        child: Row(
+                          children: [
+                            Expanded(
+                              child: Column(
+                                mainAxisAlignment: MainAxisAlignment.center,
+                                crossAxisAlignment: CrossAxisAlignment.start,
+                                children: [
+                                  Text(
+                                    ObjUtil.getStr(content.title),
+                                    maxLines: 1,
+                                    overflow: TextOverflow.ellipsis,
+                                    style: TextStyle(
+                                      color: Colors.white,
+                                      fontSize: 14.sp,
+                                      fontWeight: FontWeight.w600,
+                                    ),
+                                  ),
+                                  Text(
+                                    ObjUtil.getStr(content.subTitle),
+                                    maxLines: 1,
+                                    overflow: TextOverflow.ellipsis,
+                                    style: TextStyle(
+                                      color: const Color(0xFFA3A3A3),
+                                      fontSize: 11.sp,
+                                    ),
+                                  ),
+                                ],
+                              ),
+                            ),
+                            Image.asset(
+                              Assets.sideBItemPlayer1,
+                              width: 30.w,
+                              height: 22.h,
+                            ),
+                          ],
+                        ),
+                      ),
+                    ),
+                  ),
+                ),
+              ),
+            ],
+          ),
+        ),
+      ),
+    );
+  }
+}
diff --git a/lib/modules/sideb/widgets/music_appbar.dart b/lib/modules/sideb/widgets/music_appbar.dart
new file mode 100644
index 0000000..544a2de
--- /dev/null
+++ b/lib/modules/sideb/widgets/music_appbar.dart
@@ -0,0 +1,130 @@
+// Author: fengshengxiong
+// Date: 2024/5/7
+// Description: MusicAppbar
+
+import 'dart:ui';
+
+import 'package:flutter/material.dart';
+import 'package:flutter_screenutil/flutter_screenutil.dart';
+import 'package:get/get.dart';
+import 'package:tone_snap/generated/assets.dart';
+
+class MusicAppbar extends StatelessWidget {
+  const MusicAppbar({
+    super.key,
+    this.title,
+    this.backgroundColor,
+    this.titleWidget,
+    this.isBackBorder = false,
+    this.showBackWidget = true,
+    this.isDownBack = false,
+    this.onBackTap,
+    this.action,
+    this.actionOnTap,
+  });
+
+  final String? title;
+  final Color? backgroundColor;
+  final Widget? titleWidget;
+  final bool isBackBorder;
+  final bool showBackWidget;
+  final bool isDownBack;
+  final Function()? onBackTap;
+  final Widget? action;
+  final Function()? actionOnTap;
+
+  @override
+  Widget build(BuildContext context) {
+    double topPadding = MediaQuery.of(context).padding.top;
+    return Container(
+      height: topPadding + 50.h,
+      padding: EdgeInsets.only(top: topPadding, left: 16.w, right: 8.w),
+      color: backgroundColor ?? Colors.transparent,
+      child: Stack(
+        children: [
+          if (showBackWidget) ...[
+            Align(
+              alignment: Alignment.centerLeft,
+              child: _buildBackWidget(),
+            ),
+          ],
+          if (action != null) ...[
+            Align(
+              alignment: Alignment.centerRight,
+              child: _buildActionWidget(),
+            ),
+          ],
+          Center(
+            child: _buildTitle(),
+          ),
+        ],
+      ),
+    );
+  }
+
+  /// 返回按钮
+  Widget _buildBackWidget() {
+    return ClipOval(
+      child: BackdropFilter(
+        filter: ImageFilter.blur(sigmaX: 10.0, sigmaY: 10.0),
+        child: Container(
+          width: 42.w,
+          height: 42.w,
+          decoration: BoxDecoration(
+            color: const Color(0x26FFFFFF),
+            borderRadius: BorderRadius.circular(42.w),
+            border: isBackBorder ? Border.all(color: const Color(0x4DFFFFFF), width: 1.w) : null,
+          ),
+          child: Material(
+            color: Colors.transparent,
+            child: InkWell(
+              onTap: onBackTap ?? Get.back,
+              child: FittedBox(
+                fit: BoxFit.none,
+                child: Image.asset(
+                  isDownBack
+                      ? Assets.sideBArrowDownBack
+                      : Assets.sideBArrowLeftBack,
+                  width: 20.w,
+                  height: 20.w,
+                ),
+              ),
+            ),
+          ),
+        ),
+      ),
+    );
+  }
+
+  /// 标题
+  Widget _buildTitle() {
+    return Padding(
+      padding: EdgeInsets.only(left: 56.w, right: 56.w),
+      child: titleWidget == null ? Text(
+        title ?? '',
+        maxLines: 1,
+        overflow: TextOverflow.ellipsis,
+        style: TextStyle(
+          color: Colors.white,
+          fontSize: 20.sp,
+        ),
+      ) : titleWidget!,
+    );
+  }
+
+  /// 右边按钮
+  Widget _buildActionWidget() {
+    return ClipOval(
+      child: Material(
+        color: Colors.transparent,
+        child: InkWell(
+          onTap: actionOnTap,
+          child: Padding(
+            padding: EdgeInsets.all(8.w),
+            child: action,
+          ),
+        ),
+      ),
+    );
+  }
+}
diff --git a/lib/modules/sideb/widgets/omv_item.dart b/lib/modules/sideb/widgets/omv_item.dart
new file mode 100644
index 0000000..6a98ffb
--- /dev/null
+++ b/lib/modules/sideb/widgets/omv_item.dart
@@ -0,0 +1,57 @@
+// Author: fengshengxiong
+// Date: 2024/6/21
+// Description: 专辑Item
+
+import 'package:flutter/material.dart';
+import 'package:flutter_screenutil/flutter_screenutil.dart';
+import 'package:tone_snap/components/network_image_widget.dart';
+import 'package:tone_snap/data/sideb/models/home_model.dart';
+import 'package:tone_snap/utils/obj_util.dart';
+
+class OmvItem extends StatelessWidget {
+  const OmvItem({super.key, required this.content});
+
+  final Content content;
+
+  @override
+  Widget build(BuildContext context) {
+    return GestureDetector(
+      onTap: () {},
+      child: SizedBox(
+        width: 339.w,
+        height: double.infinity,
+        child: Column(
+          crossAxisAlignment: CrossAxisAlignment.start,
+          children: [
+            NetworkImageWidget(
+              url: content.thumbnail,
+              width: 339.w,
+              height: 187.w,
+              radius: 16.r,
+            ),
+            const Spacer(),
+            Text(
+              ObjUtil.getStr(content.title),
+              maxLines: 1,
+              overflow: TextOverflow.ellipsis,
+              style: TextStyle(
+                color: Colors.white,
+                fontSize: 14.sp,
+              ),
+            ),
+            SizedBox(height: 2.h),
+            Text(
+              ObjUtil.getStr(content.subTitle),
+              maxLines: 1,
+              overflow: TextOverflow.ellipsis,
+              style: TextStyle(
+                color: const Color(0xFF666666),
+                fontSize: 12.sp,
+              ),
+            ),
+          ],
+        ),
+      ),
+    );
+  }
+}
diff --git a/lib/modules/voice/voice_home/voice_home_binding.dart b/lib/modules/voice/voice_home/voice_home_binding.dart
deleted file mode 100644
index 1b55b4d..0000000
--- a/lib/modules/voice/voice_home/voice_home_binding.dart
+++ /dev/null
@@ -1,9 +0,0 @@
-import 'package:get/get.dart';
-import 'package:tone_snap/modules/voice/voice_home/voice_home_controller.dart';
-
-class VoiceHomeBinding extends Bindings {
-  @override
-  void dependencies() {
-    Get.lazyPut(() => VoiceHomeController());
-  }
-}
diff --git a/lib/modules/voice/voice_initial/voice_initial_binding.dart b/lib/modules/voice/voice_initial/voice_initial_binding.dart
deleted file mode 100644
index 2dd6827..0000000
--- a/lib/modules/voice/voice_initial/voice_initial_binding.dart
+++ /dev/null
@@ -1,9 +0,0 @@
-import 'package:get/get.dart';
-import 'package:tone_snap/modules/voice/voice_initial/voice_initial_controller.dart';
-
-class VoiceInitialBinding extends Bindings {
-  @override
-  void dependencies() {
-    Get.lazyPut(() => VoiceInitialController());
-  }
-}
diff --git a/lib/modules/web_page/web_page_view.dart b/lib/modules/web_page/web_page_view.dart
index 272e287..6890b9d 100644
--- a/lib/modules/web_page/web_page_view.dart
+++ b/lib/modules/web_page/web_page_view.dart
@@ -1,6 +1,6 @@
 import 'package:flutter/material.dart';
 import 'package:get/get.dart';
-import 'package:tone_snap/components/navigation_bar/base_appbar.dart';
+import 'package:tone_snap/components/base_appbar.dart';
 import 'package:tone_snap/components/view_state_widget.dart';
 import 'package:tone_snap/modules/web_page/web_page_controller.dart';
 import 'package:webview_flutter/webview_flutter.dart';
diff --git a/lib/res/themes/app_colors.dart b/lib/res/themes/app_colors.dart
index 6857842..091e899 100644
--- a/lib/res/themes/app_colors.dart
+++ b/lib/res/themes/app_colors.dart
@@ -5,7 +5,7 @@
 import 'package:flutter/material.dart';
 
 /// 种子颜色
-const changeVoiceSeedColor = Color(0xFF000000);
+const sideASeedColor = Color(0xFF000000);
 
 /// 种子颜色
-const musicooSeedColor = Color(0xFF80F988);
\ No newline at end of file
+const sideBSeedColor = Color(0xFF80F988);
\ No newline at end of file
diff --git a/lib/res/themes/app_sizes.dart b/lib/res/themes/app_sizes.dart
deleted file mode 100644
index 7d30358..0000000
--- a/lib/res/themes/app_sizes.dart
+++ /dev/null
@@ -1,23 +0,0 @@
-// Author: fengshengxiong
-// Date: 2024/5/8
-// Description: 大小
-
-import 'package:flutter/material.dart';
-import 'package:flutter_screenutil/flutter_screenutil.dart';
-import 'package:get/get.dart';
-
-double get statusBarHeight => MediaQuery.of(Get.context!).padding.top;
-double get bottomBarHeight => MediaQuery.of(Get.context!).padding.bottom;
-
-/// BaseAppBar高度
-double get baseAppBarHeight => statusBarHeight + kToolbarHeight;
-
-/// 有kBottomNavigationBarHeight的body高度
-double get bodyHeight => 1.sh -
-    statusBarHeight -
-    bottomBarHeight -
-    kToolbarHeight -
-    kBottomNavigationBarHeight;
-
-/// 没有kBottomNavigationBarHeight的body高度
-double get noBnbBodyHeight => 1.sh - statusBarHeight - bottomBarHeight - kToolbarHeight;
diff --git a/lib/res/themes/app_themes.dart b/lib/res/themes/app_themes.dart
index b304a02..0e4f6ae 100644
--- a/lib/res/themes/app_themes.dart
+++ b/lib/res/themes/app_themes.dart
@@ -6,10 +6,10 @@ import 'package:flutter/material.dart';
 import 'package:flutter_screenutil/flutter_screenutil.dart';
 import 'package:tone_snap/res/themes/app_colors.dart';
 
-ThemeData changeVoiceAppTheme = ThemeData.dark(useMaterial3: true).copyWith(
-  colorScheme: ColorScheme.fromSeed(seedColor: changeVoiceSeedColor),
-  appBarTheme: const AppBarTheme(color: changeVoiceSeedColor),
-  scaffoldBackgroundColor: changeVoiceSeedColor,
+ThemeData sideATheme = ThemeData.dark(useMaterial3: true).copyWith(
+  colorScheme: ColorScheme.fromSeed(seedColor: sideASeedColor),
+  appBarTheme: const AppBarTheme(color: sideASeedColor),
+  scaffoldBackgroundColor: sideASeedColor,
   scrollbarTheme: ScrollbarThemeData(
     thumbVisibility: WidgetStateProperty.all(false),
     thumbColor: WidgetStateProperty.all(Colors.white),
@@ -17,13 +17,8 @@ ThemeData changeVoiceAppTheme = ThemeData.dark(useMaterial3: true).copyWith(
   ),
 );
 
-ThemeData musicooAppTheme = ThemeData.dark(useMaterial3: true).copyWith(
-  colorScheme: ColorScheme.fromSeed(seedColor: musicooSeedColor),
+ThemeData sideBTheme = ThemeData.dark(useMaterial3: true).copyWith(
+  colorScheme: ColorScheme.fromSeed(seedColor: sideBSeedColor),
   appBarTheme: const AppBarTheme(color: Color(0xFF151718)),
   scaffoldBackgroundColor: const Color(0xFF151718),
-  scrollbarTheme: ScrollbarThemeData(
-    thumbVisibility: WidgetStateProperty.all(false),
-    thumbColor: WidgetStateProperty.all(Colors.white),
-    radius: Radius.circular(8.r),
-  ),
 );
diff --git a/lib/routes/app_pages.dart b/lib/routes/app_pages.dart
index 3840a99..117fd09 100644
--- a/lib/routes/app_pages.dart
+++ b/lib/routes/app_pages.dart
@@ -4,26 +4,32 @@
 
 import 'package:flutter/animation.dart';
 import 'package:get/get.dart';
-import 'package:tone_snap/modules/musicoo/home/home_binding.dart';
-import 'package:tone_snap/modules/musicoo/initial/initial_binding.dart';
-import 'package:tone_snap/modules/musicoo/initial/initial_view.dart';
-import 'package:tone_snap/modules/musicoo/me/me_binding.dart';
-import 'package:tone_snap/modules/musicoo/search_music/search_music_binding.dart';
-import 'package:tone_snap/modules/voice/about/about_binding.dart';
-import 'package:tone_snap/modules/voice/about/about_view.dart';
-import 'package:tone_snap/modules/voice/change_voice/change_voice_binding.dart';
-import 'package:tone_snap/modules/voice/change_voice/change_voice_view.dart';
-import 'package:tone_snap/modules/voice/play_sound/play_sound_binding.dart';
-import 'package:tone_snap/modules/voice/play_sound/play_sound_view.dart';
-import 'package:tone_snap/modules/voice/record_sound/record_sound_binding.dart';
-import 'package:tone_snap/modules/voice/record_sound/record_sound_view.dart';
-import 'package:tone_snap/modules/voice/upload_method/upload_mothod_binding.dart';
-import 'package:tone_snap/modules/voice/upload_method/upload_mothod_view.dart';
-import 'package:tone_snap/modules/voice/voice_home/voice_home_binding.dart';
-import 'package:tone_snap/modules/voice/voice_initial/voice_initial_binding.dart';
-import 'package:tone_snap/modules/voice/voice_initial/voice_initial_view.dart';
-import 'package:tone_snap/modules/voice/voice_me/voice_me_binding.dart';
-import 'package:tone_snap/modules/voice/voice_settings/voice_settings_binding.dart';
+import 'package:tone_snap/modules/sidea/about/about_binding.dart';
+import 'package:tone_snap/modules/sidea/about/about_view.dart';
+import 'package:tone_snap/modules/sidea/change_voice/change_voice_binding.dart';
+import 'package:tone_snap/modules/sidea/change_voice/change_voice_view.dart';
+import 'package:tone_snap/modules/sidea/home/home_binding.dart' as home_binding_a;
+import 'package:tone_snap/modules/sidea/initial/initial_binding.dart' as initial_binding_a;
+import 'package:tone_snap/modules/sidea/initial/initial_view.dart' as initial_view_a;
+import 'package:tone_snap/modules/sidea/me/me_binding.dart' as me_binding_a;
+import 'package:tone_snap/modules/sidea/play_sound/play_sound_binding.dart';
+import 'package:tone_snap/modules/sidea/play_sound/play_sound_view.dart';
+import 'package:tone_snap/modules/sidea/record_sound/record_sound_binding.dart';
+import 'package:tone_snap/modules/sidea/record_sound/record_sound_view.dart';
+import 'package:tone_snap/modules/sidea/settings/settings_binding.dart' as settings_binding_a;
+import 'package:tone_snap/modules/sidea/upload_method/upload_mothod_binding.dart';
+import 'package:tone_snap/modules/sidea/upload_method/upload_mothod_view.dart';
+import 'package:tone_snap/modules/sideb/home/home_binding.dart' as home_binding_b;
+import 'package:tone_snap/modules/sideb/initial/initial_binding.dart' as initial_binding_b;
+import 'package:tone_snap/modules/sideb/initial/initial_view.dart' as initial_view_b;
+import 'package:tone_snap/modules/sideb/me/me_binding.dart' as me_binding_b;
+import 'package:tone_snap/modules/sideb/play_music/play_music_binding.dart';
+import 'package:tone_snap/modules/sideb/play_music/play_music_view.dart';
+import 'package:tone_snap/modules/sideb/search_music/search_music_binding.dart';
+import 'package:tone_snap/modules/sidea/splash/splash_binding.dart' as splash_binding_a;
+import 'package:tone_snap/modules/sidea/splash/splash_view.dart' as splash_view_a;
+import 'package:tone_snap/modules/sideb/splash/splash_binding.dart' as splash_binding_b;
+import 'package:tone_snap/modules/sideb/splash/splash_view.dart' as splash_view_b;
 import 'package:tone_snap/modules/web_page/web_page_binding.dart';
 import 'package:tone_snap/modules/web_page/web_page_view.dart';
 import 'package:tone_snap/routes/app_routes.dart';
@@ -32,11 +38,16 @@ class AppPages {
   AppPages._();
 
   static final routes = [
-    /// change_voice
+    /// SideA
     GetPage(
-      name: AppRoutes.changeVoiceInitial,
-      page: () => VoiceInitialView(),
-      bindings: [VoiceInitialBinding(), VoiceHomeBinding(), VoiceMeBinding(), VoiceSettingsBinding()],
+      name: AppRoutes.splashA,
+      page: () => splash_view_a.SplashView(),
+      binding: splash_binding_a.SplashBinding(),
+    ),
+    GetPage(
+      name: AppRoutes.initialA,
+      page: () => initial_view_a.InitialView(),
+      bindings: [initial_binding_a.InitialBinding(), home_binding_a.HomeBinding(), me_binding_a.MeBinding(), settings_binding_a.SettingsBinding()],
     ),
     GetPage(
       name: AppRoutes.uploadMethod,
@@ -77,11 +88,24 @@ class AppPages {
       binding: WebPageBinding(),
     ),
 
-    /// musicoo
+    /// SideB
     GetPage(
-      name: AppRoutes.initial,
-      page: () => const InitialView(),
-      bindings: [InitialBinding(), HomeBinding(), SearchMusicBinding(), MeBinding()],
+      name: AppRoutes.splashB,
+      page: () => splash_view_b.SplashView(),
+      binding: splash_binding_b.SplashBinding(),
+    ),
+    GetPage(
+      name: AppRoutes.initialB,
+      page: () => initial_view_b.InitialView(),
+      bindings: [initial_binding_b.InitialBinding(), home_binding_b.HomeBinding(), SearchMusicBinding(), me_binding_b.MeBinding()],
+    ),
+    GetPage(
+      name: AppRoutes.playMusic,
+      page: () => PlayMusicView(),
+      binding: PlayMusicBinding(),
+      transitionDuration: const Duration(milliseconds: 200),
+      transition: Transition.downToUp,
+      curve: Curves.easeIn,
     ),
   ];
 }
diff --git a/lib/routes/app_routes.dart b/lib/routes/app_routes.dart
index 292e230..cf89b0f 100644
--- a/lib/routes/app_routes.dart
+++ b/lib/routes/app_routes.dart
@@ -5,8 +5,9 @@
 class AppRoutes {
   AppRoutes._();
 
-  /// change_voice
-  static const changeVoiceInitial = '/voiceInitial';
+  /// SideA
+  static const splashA = '/splashA';
+  static const initialA = '/initialA';
   static const uploadMethod = '/upload_method';
   static const recordSound = '/record_sound';
   static const changeVoice = '/change_voice';
@@ -15,7 +16,8 @@ class AppRoutes {
   static const privacy = '/privacy';
   static const terms = '/terms';
 
-  /// musicoo
-  // static const splash = '/';
-  static const initial = '/initial';
+  /// SideB
+  static const splashB = '/splashB';
+  static const initialB = '/initialB';
+  static const playMusic = '/play_music';
 }
diff --git a/lib/utils/date_util.dart b/lib/utils/date_util.dart
index 38cbf29..ed12422 100644
--- a/lib/utils/date_util.dart
+++ b/lib/utils/date_util.dart
@@ -10,6 +10,7 @@ class DateFormats {
   static String full = 'yyyy-MM-dd HH:mm:ss';
   static String yMoDHM = 'yyyy-MM-dd HH:mm';
   static String yMoD = 'yyyy-MM-dd';
+  static String yMD = 'yyyyMMdd';
   static String yMo = 'yyyy-MM';
   static String moD = 'MM-dd';
   static String moDHM = 'MM-dd HH:mm';
@@ -293,4 +294,22 @@ class DateUtil {
     }
     return dateTime.month + 1;
   }
+
+  /// 获取当前日期往前推七天的日期
+  static String getSevenDaysAgo() {
+    // 获取当前日期
+    DateTime now = DateTime.now();
+
+    // 计算往前推七天的日期
+    DateTime sevenDaysAgo = now.subtract(const Duration(days: 7));
+    return formatDate(sevenDaysAgo, format: DateFormats.yMD);
+  }
+
+  /// 格式化播放时间
+  static String playDuration(Duration duration) {
+    String twoDigits(int n) => n.toString().padLeft(2, '0');
+    final minutes = twoDigits(duration.inMinutes.remainder(60));
+    final seconds = twoDigits(duration.inSeconds.remainder(60));
+    return '$minutes:$seconds';
+  }
 }
\ No newline at end of file
diff --git a/lib/utils/file_util.dart b/lib/utils/file_util.dart
index 7db249c..73740d4 100644
--- a/lib/utils/file_util.dart
+++ b/lib/utils/file_util.dart
@@ -6,7 +6,7 @@ import 'dart:io';
 
 import 'package:flutter/services.dart';
 import 'package:tone_snap/utils/local_path_util.dart';
-import 'package:tone_snap/utils/log_print.dart';
+import 'package:tone_snap/utils/log_util.dart';
 
 class FileUtil {
   /// Assets文件复制到getAssetsDir目录下
@@ -27,14 +27,14 @@ class FileUtil {
         if (file is File) {
           try {
             await file.delete();
-            LogPrint.d('Deleted file: ${file.path}');
+            LogUtil.d('Deleted file: ${file.path}');
           } catch (e) {
-            LogPrint.d('Error deleting file: ${file.path}, Error: $e');
+            LogUtil.d('Error deleting file: ${file.path}, Error: $e');
           }
         }
       }
     } else {
-      LogPrint.d('Directory does not exist: ${directory.path}');
+      LogUtil.d('Directory does not exist: ${directory.path}');
     }
   }
 }
\ No newline at end of file
diff --git a/lib/utils/log_util.dart b/lib/utils/log_util.dart
new file mode 100644
index 0000000..b77b465
--- /dev/null
+++ b/lib/utils/log_util.dart
@@ -0,0 +1,50 @@
+// Author: fengshengxiong
+// Date: 2024/5/7
+// Description: 日志打印
+
+import 'package:logger/logger.dart';
+
+final _logger = Logger(
+  printer: PrettyPrinter(
+    // 要显示的方法调用的数量
+    methodCount: 0,
+    // 如果提供了stacktrace，则方法调用的数量
+    errorMethodCount: 8,
+    // 输出的宽度
+    lineLength: 160,
+    // 丰富多彩的日志消息
+    colors: true,
+    // 是否打印表情符号
+    printEmojis: true,
+    // 是否打印时间
+    printTime: false,
+  ),
+);
+
+class LogUtil {
+  static const String _tag = 'LogUtil';
+
+  LogUtil.t(dynamic msg, {String tag = _tag}) {
+    _logger.t('[$tag]: $msg');
+  }
+
+  LogUtil.d(dynamic msg, {String tag = _tag}) {
+    _logger.d('[$tag]: $msg');
+  }
+
+  LogUtil.i(dynamic msg, {String tag = _tag}) {
+    _logger.i('[$tag]: $msg');
+  }
+
+  LogUtil.w(dynamic msg, {String tag = _tag}) {
+    _logger.w('[$tag]: $msg');
+  }
+
+  LogUtil.e(dynamic msg, {String tag = _tag}) {
+    _logger.e('[$tag]: $msg');
+  }
+
+  LogUtil.f(dynamic msg, {String tag = _tag}) {
+    _logger.f('[$tag]: $msg');
+  }
+}
\ No newline at end of file
diff --git a/lib/utils/permission_util.dart b/lib/utils/permission_util.dart
index 4ca653c..fa67212 100644
--- a/lib/utils/permission_util.dart
+++ b/lib/utils/permission_util.dart
@@ -140,6 +140,8 @@ class PermissionUtil {
       description = 'We need access to the photo library to pick audio files.';
     } else if (failedPermission == Permission.mediaLibrary) {
       description = 'We need to access the device media library to select audio files.';
+    } else if (failedPermission == Permission.appTrackingTransparency) {
+      description = 'We need your permission to access the advertising identifier to provide better ad services.';
     }
     return description;
   }
diff --git a/lib/utils/tracking_authorization_util.dart b/lib/utils/tracking_authorization_util.dart
new file mode 100644
index 0000000..075fdc3
--- /dev/null
+++ b/lib/utils/tracking_authorization_util.dart
@@ -0,0 +1,38 @@
+// Author: fengshengxiong
+// Date: 2024/6/26
+// Description: iOS跟踪授权工具
+
+import 'dart:io';
+
+import 'package:app_tracking_transparency/app_tracking_transparency.dart';
+import 'package:get/get.dart';
+import 'package:tone_snap/components/dialog/remind_dialog.dart';
+import 'package:tone_snap/utils/log_util.dart';
+
+class TrackingAuthorizationUtil {
+  /// 请求跟踪授权
+  static Future<void> requestTrackingAuthorization() async {
+    if (Platform.isIOS) {
+      final TrackingStatus status = await AppTrackingTransparency.trackingAuthorizationStatus;
+      if (status == TrackingStatus.notDetermined) {
+        // await _showCustomTrackingDialog();
+        // await Future.delayed(const Duration(milliseconds: 200));
+        final TrackingStatus status = await AppTrackingTransparency.requestTrackingAuthorization();
+        LogUtil.d('跟踪授权状态: $status');
+      }
+    }
+  }
+
+  static Future<void> _showCustomTrackingDialog() async {
+    await Get.dialog(
+      barrierDismissible: false,
+      RemindDialog(
+        title: 'Dear User',
+        content: 'We need your permission to access the advertising identifier to provide better ad services.',
+        confirmText: 'Continue',
+        showCancelBtn: false,
+        confirmOnTap: Get.back,
+      ),
+    );
+  }
+}
diff --git a/pubspec.yaml b/pubspec.yaml
index c2bff96..91af587 100644
--- a/pubspec.yaml
+++ b/pubspec.yaml
@@ -16,7 +16,7 @@ publish_to: 'none' # Remove this line if you wish to publish to pub.dev
 # https://developer.apple.com/library/archive/documentation/General/Reference/InfoPlistKeyReference/Articles/CoreFoundationKeys.html
 # In Windows, build-name is used as the major, minor, and patch parts
 # of the product and file versions while build-number is used as the build suffix.
-version: 1.0.2+8
+version: 1.0.3+12
 
 environment:
   sdk: '>=3.4.1 <4.0.0'
@@ -81,11 +81,35 @@ dependencies:
   ffmpeg_kit_flutter_audio: 6.0.3-LTS
 
   # 文件选择
-  file_picker: ^8.0.3
+  file_picker: ^8.0.5
 
   # 跑马灯
   widget_marquee: ^0.0.8
 
+  # att
+  app_tracking_transparency: ^2.0.5
+
+  # 网络
+  dio: ^5.4.3+1
+  pretty_dio_logger: ^1.3.1
+
+  # 获取设备当前语言
+  devicelocale: ^0.7.1
+
+  # 缓存管理器
+  flutter_cache_manager: ^3.3.2
+
+  # 广告
+  google_mobile_ads: ^5.1.0
+
+  # Firebase
+  firebase_core: ^3.1.1
+  firebase_analytics: ^11.1.0
+  firebase_crashlytics: ^4.0.2
+
+  # 网络
+  connectivity_plus: ^6.0.3
+
 flutter_launcher_icons:
   android: "launcher_icon"
   ios: true
@@ -104,7 +128,7 @@ dev_dependencies:
   flutter_lints: ^4.0.0
 
   hive_generator: ^2.0.1
-  build_runner: ^2.4.10
+  build_runner: ^2.4.11
   flutter_launcher_icons: ^0.13.1
 
 # For information on the generic Dart part of this file, see the
@@ -123,13 +147,11 @@ flutter:
     - assets/audio/
     - assets/icon/
     - assets/images/
-    - assets/images/change_voice/
-    - assets/images/change_voice/2.0x/
-    - assets/images/change_voice/3.0x/
-    - assets/images/change_voice/cover/
-    - assets/images/musicoo/
-    - assets/images/musicoo/2.0x/
-    - assets/images/musicoo/3.0x/
+    - assets/images/side_a/
+    - assets/images/side_a/2.0x/
+    - assets/images/side_a/3.0x/
+    - assets/images/side_a/cover/
+    - assets/images/side_b/
 
   # An image asset can refer to one or more resolution-specific "variants", see
   # https://flutter.dev/assets-and-images/#resolution-aware