标签：demo
按标签筛选：
手势控制网页 基于MediaPipe
这是一个基于Google MediaPipe技术栈的先进手势识别网页应用，实现了通过计算机视觉技术识别用户手势并控制网页交互的功能。该项目展示了现代Web技术与AI技术的完美结合，为未来的人机交互提供了新的可能性。
基于Leaflet的多源定位技术实现与优化
本文介绍了一个基于Leaflet地图库的单文件HTML定位demo，集成了IP定位、GPS定位、WiFi定位和基站定位等多种定位方式。该demo支持PC和H5端，使用国内地图图层源，并实现了可拖拽标记、位置对比、精度控制、历史记录等交互功能。通过多服务IP定位、GPS多次尝试、基站网络信息获取等技术手段，有效提升了定位精度和用户体验。文章详细分析了各种定位技术的优缺点，以及在浏览器环境下的实现限制和解决方案。
前端屏幕录制+字幕生成+智能翻译系统：原生JS vs Vue2 vs Vue3 vs React技术对比
本文通过实际开发三个功能完全相同的综合应用，深入对比分析了原生JavaScript、Vue2和Vue3在现代Web应用开发中的差异。每个版本都完整实现了屏幕录制（基于MediaDevices API）、字幕生成（基于Web Speech API的实时语音识别）、智能翻译（集成MyMemory、Google Translate、LibreTranslate等多个API）三大核心功能，以及本地存储、文件导出等辅助功能，为开发者选择合适的技术栈提供实用的参考依据。
Vue3 vs Vue2 人脸识别系统实战：从Options API到Composition API的完整技术栈对比与性能优化指南
🚀 2024年最新Vue.js人脸识别系统技术深度解析：本文基于真实项目实战经验，全面对比Vue2和Vue3在人脸识别应用中的技术实现差异。深入探讨Composition API与Options API的性能表现、代码组织方式和开发体验，结合face-api.js AI引擎、IndexedDB本地存储、Element UI组件库等现代Web技术栈，为开发者提供从技术选型到性能优化的完整解决方案。
JavaScript外部设备键值与事件对照表详解
本文整理并详解了常见外部设备的键值（Key Codes）与对应的事件触发类型，涵盖了键盘、触屏手机、PDA 等多种设备。通过清晰的对照表，帮助开发者准确理解和处理不同设备的按键输入事件，提高跨设备兼容性和用户体验。本指南适合前端开发人员、嵌入式系统开发者及硬件交互设计者参考使用。
使用 HTML5 在网页中调用摄像头并拍照（含 Base64 转换）
本篇博客将介绍如何通过网页调用本地摄像头，拍摄照片，并将图像转换为 Base64 编码格式。文中包含完整的 HTML 和 JavaScript 实现代码，适合前端开发者快速集成此功能。同时，我们将介绍不同浏览器中如何开启摄像头权限，包括 Chrome、Firefox、Edge、Safari 等，并说明部分浏览器在访问摄像头时可能出现的权限问题及其解决方案，例如访问某些安全地址、手动设置放行等。