AI 助理
文档备案控制台
开发者社区 开发与运维 文章 正文

前端（六）：读取本地音视频设备并进行播放

2023-07-21 312
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介： 读取本地音视频设备并进行播放

效果

image.png

navigator.mediaDevices.enumerateDevices

请求媒体输入和输出设备的列表，例如麦克风，摄像机，耳机设备等

navigator.mediaDevices.getUserMedia

会提示用户给予使用媒体输入的许可，媒体输入会产生一个MediaStream，里面包含了请求的媒体类型的轨道。此流可以包含一个视频轨道（来自硬件或者虚拟视频源，比如相机、视频采集设备和屏幕共享服务等等）、一个音频轨道（同样来自硬件或虚拟音频源，比如麦克风、A/D 转换器等等），也可能是其他轨道类型

源码

```html



请选择


请选择



```

文章标签：
前端开发
关键词：
前端播放
前端设备
前端音视频
ProsperLee
目录
相关文章
音视频牛哥
|
编解码 前端开发 Android开发
如何让Android平台像IPC一样实现GB28181前端设备接入
好多开发者在做国标对接的时候，首先想到的是IPC摄像头，通过参数化配置，接入到国标平台，实现媒体数据的按需查看等操作。
音视频牛哥
292 0
音视频牛哥
|
监控 前端开发 网络协议
Android前端音视频数据接入GB28181平台意义
在我们研发Android平台GB28181前端音视频接入模块之前，业内听到最多的是，如何用Android或者Windows端，在没有国标IPC设备的前提下，模拟GB28181的信令和媒体流交互流程，实现GB28181整体方案的测试？
音视频牛哥
469 0
凉凉心.
|
8月前
|
前端开发 算法 Java
【CSS】前端三大件之一，如何学好？从基本用法开始吧！（九）：强势分析Animation动画各类参数；从播放时间、播放方式、播放次数、播放方向、播放状态等多个方面，完全了解CSS3 Animation
Animation属性 css3为Animation动画提供的几个属性如下： 属性名 属性值 animation-name 指定动画名称，该属性指定一个已有的关键帧定义。 animation-duration 指定动画持续时间。 animation-timing-funtion 指定动画变化速度。 animation-delay 指定动画延迟多长时间才开始执行。 animation-iteration-count 指定动画的循环执行次数。 animation：这是一个复合属性。
凉凉心.
527 3
土木林森
|
编解码 前端开发 开发者
前端开发的必修课：如何让你的网页在不同设备上完美呈现？
【10月更文挑战第30天】随着互联网的普及，用户访问网页的设备种类繁多。前端开发者需确保网页在不同设备上完美呈现。本文介绍了一些最佳实践，包括使用响应式设计、相对单位、灵活的图片和视频、测试与优化及考虑交互设计，帮助实现跨设备兼容。
土木林森
717 2
Boale_H
|
前端开发
前端播放第三方外链视频报403 forbidden的原因及解决方案
前端播放第三方外链视频报403 forbidden的原因及解决方案
Boale_H
1224 0
HeartSuit
|
存储 JavaScript 前端开发
TDengine极简实战：从采集到入库，从前端到后端，体验物联网设备数据流转
TDengine极简实战：从采集到入库，从前端到后端，体验物联网设备数据流转
HeartSuit
2030 1
音视频牛哥
|
编解码 监控 前端开发
如何快速实现Android平台前端设备接入能力
SIP(会话初始化协议)是在 IP网络上进行多媒体通信的应用层控制协议，以几种RFC的形式提供，其中最重要的是包含核心协议规范的RFC3261。该协议用于创建，修改和终止与一个或多个参与者的会话。通过会话，我们了解了一组进行通信的发送方和接收方，以及在通信过程中这些发送方和接收方保持的状态。会话的示例可以包括Internet电话呼叫，多媒体分发，多媒体会议，分布式计算机游戏等。
音视频牛哥
239 0
音视频牛哥
|
编解码 监控 前端开发
如何实现Android平台GB28181前端设备接入
在实现Android平台GB28181前端设备接入之前，我们几年前就有了非常成熟的RTMP推送、RTSP推送和轻量级RTSP服务等模块，特别是RTMP推送，行业内应用非常广泛，好多开发者可能会问，既然有了以上模块，干嘛还要实现GB28181的前端接入呢？
音视频牛哥
452 0
ProsperLee
|
移动开发 前端开发
前端（四）：移动端页面闪烁、设备识别、全屏切换
移动端页面闪烁、设备识别、全屏切换
ProsperLee
321 0

热门文章

最新文章

  • 1
    推荐一款稳定快速免费的前端开源项目 CDN 加速服务
  • 2
    [干货满满] 三年经验前端的面试经验分享
  • 3
    7、前端开发：CSS知识总结——字体样式
  • 4
    快手面经分享：快手前端实习(一、二)面经（3.28）
  • 5
    vue前端开发中，通过vue.config.js配置和nginx配置，实现多个入口文件的实现方法
  • 6
    使用 Pipcook 对图片中的前端组件进行分类，饼图、折线图还是柱状图？
  • 7
    前端工程化演进之路：从手工作坊到AI驱动的智能化开发
  • 8
    引领前端未来：React 19的重大更新与实战指南🚀
  • 9
    淘系自研前端环境管理工具 AppToolkit 正式发布
  • 10
    淘系技术前端研习社|邀请你宅在家里看直播
  • 1
    前端如何存储数据：Cookie、LocalStorage 与 SessionStorage 全面解析
    1188
  • 2
    【CSS】前端三大件之一，如何学好？从基本用法开始吧！（九）：强势分析Animation动画各类参数；从播放时间、播放方式、播放次数、播放方向、播放状态等多个方面，完全了解CSS3 Animation
    527
  • 3
    【CSS】前端三大件之一，如何学好？从基本用法开始吧！（八）：学习transition过渡属性；本文学习property模拟、duration过渡时间指定、delay时间延迟 等多个参数
    409
  • 4
    【CSS】前端三大件之一，如何学好？从基本用法开始吧！（七）：学习ransform属性；本文学习 rotate旋转、scale缩放、skew扭曲、tanslate移动、matrix矩阵 多个参数
    402
  • 5
    【CSS】前端三大件之一，如何学好？从基本用法开始吧！（六）：全方面分析css的Flex布局，从纵、横两个坐标开始进行居中、两端等元素分布模式；刨析元素间隔、排序模式等
    516
  • 6
    【CSS】前端三大件之一，如何学好？从基本用法开始吧！（五）：背景属性；float浮动和position定位；详细分析相对、绝对、固定三种定位方式；使用浮动并清除浮动副作用
    693
  • 7
    【CSS】前端三大件之一，如何学好？从基本用法开始吧！（四）：元素盒子模型；详细分析边框属性、盒子外边距
    1252
  • 8
    【CSS】前端三大件之一，如何学好？从基本用法开始吧！（三）：元素继承关系、层叠样式规则、字体属性、文本属性；针对字体和文本作样式修改
    279
  • 9
    【CSS】前端三大件之一，如何学好？从基本用法开始吧！（二）：CSS伪类：UI伪类、结构化伪类；通过伪类获得子元素的第n个元素；创建一个伪元素展示在页面中；获得最后一个元素；处理聚焦元素的样式
    1046
  • 10
    【CSS】前端三大件之一，如何学好？从基本用法开始吧！（一）：CSS发展史；CSS样式表的引入；CSS选择器使用，附带案例介绍
    480

    • 相关课程

    更多
  • 网站性能前端监控课程
  • 移动Web前端开发
  • Ajax 前端开发入门与实战
  • 零基础学前端HTML+CSS
  • 前端开发CSS基础
  • 前端开发框架Bootstrap使用教程

    • 相关电子书

    更多
  • Vue.js 在前端服务化上的探索与实践
  • 阿里文娱大前端技术实践
  • 前端代码是怎样智能生成的
    • 下一篇
    利用阿里云OSS（对象存储服务）快速搭建私人网盘