> ## Documentation Index
> Fetch the complete documentation index at: https://imsdkdocs.qualcomm.com/llms.txt
> Use this file to discover all available pages before exploring further.

# QIM SDK Tutorials

<hr style={{ border: "none", borderTop: "1px solid var(--border, rgba(128,128,128,0.15))", margin: 0 }} />

<div
  style={{
display: "flex", alignItems: "center", justifyContent: "space-between",
padding: "1rem 0", flexWrap: "wrap", gap: "0.75rem"
}}
>
  <span style={{ color: "inherit", fontSize: "0.95rem" }}>
    Qualcomm QIM SDK — AI pipeline tutorials, guides, and deep dives.
  </span>

  <div style={{ display: "flex", alignItems: "center", gap: "1.25rem" }}>
    <span style={{ fontSize: "1.1rem" }}>🔍</span>
    <a href="#posts" style={{ fontWeight: 600, color: "inherit", textDecoration: "none", fontSize: "0.95rem" }}>All posts →</a>
    <a href="#posts" style={{ fontWeight: 600, color: "var(--primary, #31017D)", textDecoration: "none", fontSize: "0.95rem" }}>Guides →</a>
  </div>
</div>

<hr style={{ border: "none", borderTop: "1px solid var(--border, rgba(128,128,128,0.15))", margin: "0 0 2.5rem 0" }} />

<div id="posts" style={{ display: "grid", gridTemplateColumns: "repeat(2, 1fr)", gap: "2rem" }}>
  <a href="montioring-ppe-compliance-with-ai-powered" target="_self" style={{ textDecoration: "none", color: "inherit", display: "block" }}>
    <div
      style={{
  border: "1px solid var(--border, rgba(128,128,128,0.2))", borderRadius: "14px", overflow: "hidden",
  cursor: "pointer", boxShadow: "0 2px 10px rgba(0,0,0,0.07)"
}}
    >
      <div
        style={{
    backgroundImage: "url('https://mintcdn.com/qimsdk/p8bRJ_K0_Mx14HV0/blogs/images/monoppe0.png?fit=max&auto=format&n=p8bRJ_K0_Mx14HV0&q=85&s=a544000847f4404cf22ae6a7c3e6c205')",
    backgroundSize: "cover", backgroundPosition: "center",
    height: "200px", display: "flex", alignItems: "center",
    justifyContent: "center", position: "relative"
  }}
      >
        <div
          style={{
      position: "absolute", bottom: "14px", left: "50%", transform: "translateX(-50%)",
      background: "rgba(255,255,255,0.15)", border: "1px solid rgba(255,255,255,0.4)",
      color: "#fff", fontSize: "0.7rem", fontWeight: 700, letterSpacing: "1px",
      padding: "4px 14px", borderRadius: "20px", textTransform: "uppercase", whiteSpace: "nowrap"
    }}
        >
          QIM SDK · Qualcomm
        </div>
      </div>

      <div style={{ padding: "1.25rem" }}>
        <div style={{ fontSize: "0.68rem", fontWeight: 700, color: "var(--primary, #31017D)", letterSpacing: "1.5px", textTransform: "uppercase", marginBottom: "0.5rem" }}>Computer Vision</div>
        <div style={{ fontSize: "1.05rem", fontWeight: 800, lineHeight: 1.3, marginBottom: "0.6rem", color: "inherit" }}>Monitoring PPE Compliance with AI‑Powered Computer Vision</div>
        <p style={{ fontSize: "0.85rem", color: "inherit", lineHeight: 1.65, margin: "0 0 1rem" }}>Build a real-time PPE detection pipeline using Qualcomm QIM SDK with daisy-chained ML models for person detection and protective equipment recognition — running entirely on-device with hardware-accelerated inference via Qualcomm HTP.</p>

        <div style={{ display: "flex", justifyContent: "space-between", alignItems: "center", fontSize: "0.78rem", color: "inherit", borderTop: "1px solid rgba(128,128,128,0.2)", paddingTop: "0.75rem" }}>
          <span>QIM SDK Team · May 12, 2026</span>
          <span style={{ color: "var(--primary, #31017D)", fontWeight: 700 }}>Read more →</span>
        </div>
      </div>
    </div>
  </a>

  <a href="smart-hand-gesture-recognition" target="_self" style={{ textDecoration: "none", color: "inherit", display: "block" }}>
    <div
      style={{
  border: "1px solid var(--border, rgba(128,128,128,0.2))", borderRadius: "14px", overflow: "hidden",
  cursor: "pointer", boxShadow: "0 2px 10px rgba(0,0,0,0.07)"
}}
    >
      <div
        style={{
    height: "200px", overflow: "hidden",
    display: "flex", alignItems: "center",
    justifyContent: "center", position: "relative"
  }}
      >
        <video src="https://mintcdn.com/qimsdk/s87WLJDbrGRv5wQK/blogs/images/gesture_title.mp4?fit=max&auto=format&n=s87WLJDbrGRv5wQK&q=85&s=bd8757c2548b3d516635e92ba45d9b52" autoPlay muted loop playsInline style={{ width: "100%", height: "100%", objectFit: "cover", display: "block" }} data-path="blogs/images/gesture_title.mp4" />

        <div
          style={{
      position: "absolute", bottom: "14px", left: "50%", transform: "translateX(-50%)",
      background: "rgba(255,255,255,0.15)", border: "1px solid rgba(255,255,255,0.4)",
      color: "#fff", fontSize: "0.7rem", fontWeight: 700, letterSpacing: "1px",
      padding: "4px 14px", borderRadius: "20px", textTransform: "uppercase", whiteSpace: "nowrap"
    }}
        >
          QIM SDK · Qualcomm
        </div>
      </div>

      <div style={{ padding: "1.25rem" }}>
        <div style={{ fontSize: "0.68rem", fontWeight: 700, color: "var(--primary, #31017D)", letterSpacing: "1.5px", textTransform: "uppercase", marginBottom: "0.5rem" }}>Gesture Recognition</div>
        <div style={{ fontSize: "1.05rem", fontWeight: 800, lineHeight: 1.3, marginBottom: "0.6rem", color: "inherit" }}>Building a Real-Time Hand Gesture Recognition AI Pipeline Using the QIM SDK</div>
        <p style={{ fontSize: "0.85rem", color: "inherit", lineHeight: 1.65, margin: "0 0 1rem" }}>A four-stage sequential AI pipeline — palm detection, hand landmark estimation, gesture embedding, and gesture classification — built with Qualcomm QIM SDK for real-time edge deployment.</p>

        <div style={{ display: "flex", justifyContent: "space-between", alignItems: "center", fontSize: "0.78rem", color: "inherit", borderTop: "1px solid rgba(128,128,128,0.2)", paddingTop: "0.75rem" }}>
          <span>QIM SDK Team · Jun 10, 2026</span>
          <span style={{ color: "var(--primary, #31017D)", fontWeight: 700 }}>Read more →</span>
        </div>
      </div>
    </div>
  </a>

  <a href="multi-stream-ip-camera" target="_self" style={{ textDecoration: "none", color: "inherit", display: "block" }}>
    <div
      style={{
  border: "1px solid var(--border, rgba(128,128,128,0.2))", borderRadius: "14px", overflow: "hidden",
  cursor: "pointer", boxShadow: "0 2px 10px rgba(0,0,0,0.07)"
}}
    >
      <div
        style={{
    height: "200px", overflow: "hidden",
    display: "flex", alignItems: "center",
    justifyContent: "center", position: "relative"
  }}
      >
        <video src="https://mintcdn.com/qimsdk/tjig8H-FpOyOkPbR/blogs/images/obj_detect.mp4?fit=max&auto=format&n=tjig8H-FpOyOkPbR&q=85&s=dab7bd7d30189ed6486fb4455bf26720" autoPlay muted loop playsInline style={{ width: "100%", height: "100%", objectFit: "cover", display: "block" }} data-path="blogs/images/obj_detect.mp4" />

        <div
          style={{
      position: "absolute", bottom: "14px", left: "50%", transform: "translateX(-50%)",
      background: "rgba(255,255,255,0.15)", border: "1px solid rgba(255,255,255,0.4)",
      color: "#fff", fontSize: "0.7rem", fontWeight: 700, letterSpacing: "1px",
      padding: "4px 14px", borderRadius: "20px", textTransform: "uppercase", whiteSpace: "nowrap"
    }}
        >
          QIM SDK · Qualcomm
        </div>
      </div>

      <div style={{ padding: "1.25rem" }}>
        <div style={{ fontSize: "0.68rem", fontWeight: 700, color: "var(--primary, #31017D)", letterSpacing: "1.5px", textTransform: "uppercase", marginBottom: "0.5rem" }}>Computer Vision</div>
        <div style={{ fontSize: "1.05rem", fontWeight: 800, lineHeight: 1.3, marginBottom: "0.6rem", color: "inherit" }}>Multi Stream IP Camera Application</div>
        <p style={{ fontSize: "0.85rem", color: "inherit", lineHeight: 1.65, margin: "0 0 1rem" }}>A real-time object detection pipeline built with QIM SDK using a YOLOv8 TensorFlow Lite model, supporting USB cameras, ISP cameras, RTSP streams, and video files — with RTSP/WebRTC output.</p>

        <div style={{ display: "flex", justifyContent: "space-between", alignItems: "center", fontSize: "0.78rem", color: "inherit", borderTop: "1px solid rgba(128,128,128,0.2)", paddingTop: "0.75rem" }}>
          <span>QIM SDK Team · Apr 10, 2026</span>
          <span style={{ color: "var(--primary, #31017D)", fontWeight: 700 }}>Read more →</span>
        </div>
      </div>
    </div>
  </a>

  <a href="security-video-wall" target="_self" style={{ textDecoration: "none", color: "inherit", display: "block" }}>
    <div
      style={{
  border: "1px solid var(--border, rgba(128,128,128,0.2))", borderRadius: "14px", overflow: "hidden",
  cursor: "pointer", boxShadow: "0 2px 10px rgba(0,0,0,0.07)"
}}
    >
      <div style={{ position: "relative" }}>
        <video src="https://mintcdn.com/qimsdk/s87WLJDbrGRv5wQK/blogs/images/security-video-wall_expected-output1.mp4?fit=max&auto=format&n=s87WLJDbrGRv5wQK&q=85&s=5017fad112cc5673d0b9405f7cdfd527" autoPlay muted loop playsInline style={{ width: "100%", height: "auto", display: "block" }} data-path="blogs/images/security-video-wall_expected-output1.mp4" />

        <div
          style={{
      position: "absolute", bottom: "14px", left: "50%", transform: "translateX(-50%)",
      background: "rgba(255,255,255,0.15)", border: "1px solid rgba(255,255,255,0.4)",
      color: "#fff", fontSize: "0.7rem", fontWeight: 700, letterSpacing: "1px",
      padding: "4px 14px", borderRadius: "20px", textTransform: "uppercase", whiteSpace: "nowrap"
    }}
        >
          QIM SDK · Qualcomm
        </div>
      </div>

      <div style={{ padding: "1.25rem" }}>
        <div style={{ fontSize: "0.68rem", fontWeight: 700, color: "var(--primary, #31017D)", letterSpacing: "1.5px", textTransform: "uppercase", marginBottom: "0.5rem" }}>Multi-Stream AI</div>
        <div style={{ fontSize: "1.05rem", fontWeight: 800, lineHeight: 1.3, marginBottom: "0.6rem", color: "inherit" }}>Security Video Wall — 31-Stream Parallel Object Detection</div>
        <p style={{ fontSize: "0.85rem", color: "inherit", lineHeight: 1.65, margin: "0 0 1rem" }}>A scalable AI pipeline processing up to 31 input video streams in parallel with YOLOv8 object detection, compositing all streams into a single output and streaming over RTSP/WebRTC.</p>

        <div style={{ display: "flex", justifyContent: "space-between", alignItems: "center", fontSize: "0.78rem", color: "inherit", borderTop: "1px solid rgba(128,128,128,0.2)", paddingTop: "0.75rem" }}>
          <span>QIM SDK Team · Apr 5, 2026</span>
          <span style={{ color: "var(--primary, #31017D)", fontWeight: 700 }}>Read more →</span>
        </div>
      </div>
    </div>
  </a>

  <a href="restricted-zone-alarm" target="_self" style={{ textDecoration: "none", color: "inherit", display: "block" }}>
    <div
      style={{
  border: "1px solid var(--border, rgba(128,128,128,0.2))", borderRadius: "14px", overflow: "hidden",
  cursor: "pointer", boxShadow: "0 2px 10px rgba(0,0,0,0.07)"
}}
    >
      <div style={{ position: "relative" }}>
        <video src="https://mintcdn.com/qimsdk/s87WLJDbrGRv5wQK/blogs/images/rz_expected-output.mp4?fit=max&auto=format&n=s87WLJDbrGRv5wQK&q=85&s=938fafb4d0c526d2265b3b1190eed0ad" autoPlay muted loop playsInline style={{ width: "100%", height: "auto", display: "block" }} data-path="blogs/images/rz_expected-output.mp4" />

        <div
          style={{
      position: "absolute", bottom: "14px", left: "50%", transform: "translateX(-50%)",
      background: "rgba(255,255,255,0.15)", border: "1px solid rgba(255,255,255,0.4)",
      color: "#fff", fontSize: "0.7rem", fontWeight: 700, letterSpacing: "1px",
      padding: "4px 14px", borderRadius: "20px", textTransform: "uppercase", whiteSpace: "nowrap"
    }}
        >
          QIM SDK · Qualcomm
        </div>
      </div>

      <div style={{ padding: "1.25rem" }}>
        <div style={{ fontSize: "0.68rem", fontWeight: 700, color: "var(--primary, #31017D)", letterSpacing: "1.5px", textTransform: "uppercase", marginBottom: "0.5rem" }}>Safety & Security</div>
        <div style={{ fontSize: "1.05rem", fontWeight: 800, lineHeight: 1.3, marginBottom: "0.6rem", color: "inherit" }}>Restricted Zone Alarm — Real-Time Zone Intrusion Detection</div>
        <p style={{ fontSize: "0.85rem", color: "inherit", lineHeight: 1.65, margin: "0 0 1rem" }}>Real-time pipeline that identifies when a person steps into a predefined restricted zone using QIM SDK foot detection — with visual alerts, bounding box status indicators, and RTSP output.</p>

        <div style={{ display: "flex", justifyContent: "space-between", alignItems: "center", fontSize: "0.78rem", color: "inherit", borderTop: "1px solid rgba(128,128,128,0.2)", paddingTop: "0.75rem" }}>
          <span>QIM SDK Team · Mar 28, 2026</span>
          <span style={{ color: "var(--primary, #31017D)", fontWeight: 700 }}>Read more →</span>
        </div>
      </div>
    </div>
  </a>

  <a href="touchless-wrist-steering-car-game" target="_self" style={{ textDecoration: "none", color: "inherit", display: "block" }}>
    <div
      style={{
  border: "1px solid var(--border, rgba(128,128,128,0.2))", borderRadius: "14px", overflow: "hidden",
  cursor: "pointer", boxShadow: "0 2px 10px rgba(0,0,0,0.07)"
}}
    >
      <div
        style={{
    height: "200px", overflow: "hidden",
    display: "flex", alignItems: "center",
    justifyContent: "center", position: "relative"
  }}
      >
        <video src="https://mintcdn.com/qimsdk/QarSxH4rrv0vwi-l/blogs/images/car-game-expected-output.mp4?fit=max&auto=format&n=QarSxH4rrv0vwi-l&q=85&s=a3da6542e336461fccab8a7ce33372fc" alt="Smart Board Application" autoPlay muted loop playsInline style={{ width: "100%", height: "auto", display: "block" }} data-path="blogs/images/car-game-expected-output.mp4" />

        <div
          style={{
      position: "absolute", bottom: "14px", left: "50%", transform: "translateX(-50%)",
      background: "rgba(255,255,255,0.15)", border: "1px solid rgba(255,255,255,0.4)",
      color: "#fff", fontSize: "0.7rem", fontWeight: 700, letterSpacing: "1px",
      padding: "4px 14px", borderRadius: "20px", textTransform: "uppercase", whiteSpace: "nowrap"
    }}
        >
          QIM SDK · Qualcomm
        </div>
      </div>

      <div style={{ padding: "1.25rem" }}>
        <div style={{ fontSize: "0.68rem", fontWeight: 700, color: "var(--primary, #31017D)", letterSpacing: "1.5px", textTransform: "uppercase", marginBottom: "0.5rem" }}>Gesture Recognition</div>
        <div style={{ fontSize: "1.05rem", fontWeight: 800, lineHeight: 1.3, marginBottom: "0.6rem", color: "inherit" }}>Building a Wrist-Controlled Car Game Using QIM SDK</div>
        <p style={{ fontSize: "0.85rem", color: "inherit", lineHeight: 1.65, margin: "0 0 1rem" }}>A split-screen touchless driving game controlled entirely by wrist movement — built on a two-stage palm detection and hand landmark pipeline running on Qualcomm QIM SDK with QNN HTP acceleration.</p>

        <div style={{ display: "flex", justifyContent: "space-between", alignItems: "center", fontSize: "0.78rem", color: "inherit", borderTop: "1px solid rgba(128,128,128,0.2)", paddingTop: "0.75rem" }}>
          <span>QIM SDK Team · Aug 3, 2026</span>
          <span style={{ color: "var(--primary, #31017D)", fontWeight: 700 }}>Read more →</span>
        </div>
      </div>
    </div>
  </a>

  <a href="smart-board-application" target="_self" style={{ textDecoration: "none", color: "inherit", display: "block" }}>
    <div
      style={{
  border: "1px solid var(--border, rgba(128,128,128,0.2))", borderRadius: "14px", overflow: "hidden",
  cursor: "pointer", boxShadow: "0 2px 10px rgba(0,0,0,0.07)"
}}
    >
      <div
        style={{
    height: "200px", overflow: "hidden",
    display: "flex", alignItems: "center",
    justifyContent: "center", position: "relative"
  }}
      >
        <video src="https://mintcdn.com/qimsdk/r-TZaZ_dVnWf6vBB/blogs/images/smart-board-expected-output.mp4?fit=max&auto=format&n=r-TZaZ_dVnWf6vBB&q=85&s=492219b534a3f64e0c0cad52036903e6" alt="Smart Board Application" autoPlay muted loop playsInline style={{ width: "100%", height: "auto", display: "block" }} data-path="blogs/images/smart-board-expected-output.mp4" />

        <div
          style={{
      position: "absolute", bottom: "14px", left: "50%", transform: "translateX(-50%)",
      background: "rgba(255,255,255,0.15)", border: "1px solid rgba(255,255,255,0.4)",
      color: "#fff", fontSize: "0.7rem", fontWeight: 700, letterSpacing: "1px",
      padding: "4px 14px", borderRadius: "20px", textTransform: "uppercase", whiteSpace: "nowrap"
    }}
        >
          QIM SDK · Qualcomm
        </div>
      </div>

      <div style={{ padding: "1.25rem" }}>
        <div style={{ fontSize: "0.68rem", fontWeight: 700, color: "var(--primary, #31017D)", letterSpacing: "1.5px", textTransform: "uppercase", marginBottom: "0.5rem" }}>Gesture Recognition</div>
        <div style={{ fontSize: "1.05rem", fontWeight: 800, lineHeight: 1.3, marginBottom: "0.6rem", color: "inherit" }}>Touchless Smart Board — Transforming Digital Learning with QIM SDK</div>
        <p style={{ fontSize: "0.85rem", color: "inherit", lineHeight: 1.65, margin: "0 0 1rem" }}>A touchless virtual whiteboard controlled entirely by hand gestures — built on a two-stage palm detection and hand landmark pipeline running on Qualcomm QIM SDK with QNN HTP acceleration.</p>

        <div style={{ display: "flex", justifyContent: "space-between", alignItems: "center", fontSize: "0.78rem", color: "inherit", borderTop: "1px solid rgba(128,128,128,0.2)", paddingTop: "0.75rem" }}>
          <span>QIM SDK Team · Aug 3, 2026</span>
          <span style={{ color: "var(--primary, #31017D)", fontWeight: 700 }}>Read more →</span>
        </div>
      </div>
    </div>
  </a>

  <a href="product-counting-application" target="_self" style={{ textDecoration: "none", color: "inherit", display: "block" }}>
    <div
      style={{
  border: "1px solid var(--border, rgba(128,128,128,0.2))", borderRadius: "14px", overflow: "hidden",
  cursor: "pointer", boxShadow: "0 2px 10px rgba(0,0,0,0.07)"
}}
    >
      <div
        style={{
    height: "200px", overflow: "hidden",
    display: "flex", alignItems: "center",
    justifyContent: "center", position: "relative"
  }}
      >
        <video src="https://mintcdn.com/qimsdk/QarSxH4rrv0vwi-l/blogs/images/bottle_count.mp4?fit=max&auto=format&n=QarSxH4rrv0vwi-l&q=85&s=ddc1729ac286b81553a03affeda86429" autoPlay muted loop playsInline style={{ width: "100%", height: "100%", objectFit: "cover", display: "block" }} data-path="blogs/images/bottle_count.mp4" />

        <div
          style={{
      position: "absolute", bottom: "14px", left: "50%", transform: "translateX(-50%)",
      background: "rgba(255,255,255,0.15)", border: "1px solid rgba(255,255,255,0.4)",
      color: "#fff", fontSize: "0.7rem", fontWeight: 700, letterSpacing: "1px",
      padding: "4px 14px", borderRadius: "20px", textTransform: "uppercase", whiteSpace: "nowrap"
    }}
        >
          QIM SDK · Qualcomm
        </div>
      </div>

      <div style={{ padding: "1.25rem" }}>
        <div style={{ fontSize: "0.68rem", fontWeight: 700, color: "var(--primary, #31017D)", letterSpacing: "1.5px", textTransform: "uppercase", marginBottom: "0.5rem" }}>Computer Vision</div>
        <div style={{ fontSize: "1.05rem", fontWeight: 800, lineHeight: 1.3, marginBottom: "0.6rem", color: "inherit" }}>Edge AI for Smart Manufacturing — Real-Time Bottle Counting Using Qualcomm QIM SDK</div>
        <p style={{ fontSize: "0.85rem", color: "inherit", lineHeight: 1.65, margin: "0 0 1rem" }}>A YOLOv8-based object detection pipeline that counts products crossing a center region of interest in real time — built with Qualcomm QIM SDK and QNN HTP acceleration.</p>

        <div style={{ display: "flex", justifyContent: "space-between", alignItems: "center", fontSize: "0.78rem", color: "inherit", borderTop: "1px solid rgba(128,128,128,0.2)", paddingTop: "0.75rem" }}>
          <span>QIM SDK Team · Aug 3, 2026</span>
          <span style={{ color: "var(--primary, #31017D)", fontWeight: 700 }}>Read more →</span>
        </div>
      </div>
    </div>
  </a>
</div>
