美文网首页vue收录
vue使用cyberplayer

vue使用cyberplayer

作者: 38abbaada646 | 来源:发表于2018-06-08 00:10 被阅读87次

2018年6月07日更新

最近在vue2.*中使用cyberplayer播放rtmp视频流,记录下来

第一种方法引入cyberplayer,可以在index.html里面直接script引入,不说了很简单。
第二种方法引入cyberplayer,需要把cyberplayer.js和cyberplayer.flash.swf分别引入到应用

全局引入cyberplayer.js
全局引入cyberplayer.js
如果不想全局引入,直接在组件里面 const player = require('@/assets/cyberplayer.js')
引入cyberplayer.flash.swf,首先配置loader
image.png
在组件里面使用,注意这里的player是在全局引入cyberplayer.js的时候定义的, swf是在flashplayer属性那里引入的
image.png
大功告成
image.png

相关文章

  • vue使用cyberplayer

    2018年6月07日更新 最近在vue2.*中使用cyberplayer播放rtmp视频流,记录下来 第一种方法引...

  • CyberPlayer 使用教程

    CyberPlayer 简介 CyberPlayer 是百度官方推出的用于开发网页播放器的软件开发工具包,其主要特...

  • 关于IOS下的video标签层级问题

    用了百度的cyberplayer,播放的时候,使用的是他自己生成的video 单独使用能正常使用,但是跟antd ...

  • vue Vuex axios 相关资料

    vue中文文档 使用Vuex详解 vue-router 基本使用 vue全局使用axios的方法 vue 父子组件...

  • 在vue中使用图片懒加载vue-lazyload插件

    在vue中使用图片懒加载vue-lazyload插件 使用方式 使用vue的 vue-lazyload 插件插件地...

  • 本期小结(一)

    vue★ Vue中引入jQuery vue使用element-ui vue的v-cloak使用 vue动态组件 v...

  • VUE01:Vue编程模式

    要使用Vue,顺带做个笔记,无他!  1. 理解Vue的封装对象;  2.Vue的入门使用;  Vue可以直接使用...

  • 使用vue创建项目

    一、vue/cli 安装 1.使用npm install -g @vue/cli 全局安装vue2.使用vue -...

  • Vue 01怎么使用

    怎么使用VUE 步骤 使用步骤 1:引包,具备vue对象 2:启动vue 通过 new Vue(options);...

  • vue开发文档整理

    一、技术选型 使用vue-cli基于webpack结合的 核心使用 vue、vue-router 使用vuex做全...

网友评论

    本文标题:vue使用cyberplayer

    本文链接:https://www.haomeiwen.com/subject/mjtosftx.html