diff --git a/README.md b/README.md
index 9a4dca8..44d6e4e 100644
--- a/README.md
+++ b/README.md
@@ -1,6 +1,8 @@
 # SwiftUIRtc
 
 <p align="center">
+    <img src="https://img.shields.io/endpoint?url=https%3A%2F%2Fswiftpackageindex.com%2Fapi%2Fpackages%2FAgoraIO-Community%2FSwiftUIRtc%2Fbadge%3Ftype%3Dswift-versions" />
+    <img src="https://img.shields.io/endpoint?url=https%3A%2F%2Fswiftpackageindex.com%2Fapi%2Fpackages%2FAgoraIO-Community%2FSwiftUIRtc%2Fbadge%3Ftype%3Dplatforms" /><br/>
     <a href="https://agoraio-community.github.io/SwiftUIRtc/"><img src="https://github.com/AgoraIO-Community/SwiftUIRtc/actions/workflows/deploy_docs.yml/badge.svg"/></a>
     <img src="https://github.com/AgoraIO-Community/SwiftUIRtc/actions/workflows/swiftbuild.yml/badge.svg"/>
 </p>
diff --git a/Sources/SwiftUIRtc/AgoraVideoCanvasView.swift b/Sources/SwiftUIRtc/AgoraVideoCanvasView.swift
index cb07f33..876fb91 100644
--- a/Sources/SwiftUIRtc/AgoraVideoCanvasView.swift
+++ b/Sources/SwiftUIRtc/AgoraVideoCanvasView.swift
@@ -6,7 +6,7 @@
 //
 
 import SwiftUI
-#if os(iOS)
+#if os(iOS) || os(visionOS)
 public typealias ViewClassAlias = UIView
 public typealias ViewRepresentable = UIViewRepresentable
 #elseif os(macOS)
@@ -217,7 +217,7 @@ public struct AgoraVideoCanvasView: ViewRepresentable {
     public func makeNSView(context: Context) -> NSView {
         setupCanvasView()
     }
-    #elseif os(iOS)
+    #elseif os(iOS) || os(visionOS)
     /// Creates and configures a `UIView` for the view. This UIView will be the view the video is rendered onto.
     ///
     /// - Parameter context: The `UIViewRepresentable` context.
@@ -257,7 +257,7 @@ public struct AgoraVideoCanvasView: ViewRepresentable {
     }
 
     /// Updates the Canvas view.
-    #if os(iOS)
+    #if os(iOS) || os(visionOS)
     /// 🔄 Updates the `UIView` for the view.
     public func updateUIView(_ uiView: UIView, context: Context) {
         self.updateCanvasValues()