一、功能需求
实验室的项目需要添加直播功能,获取到直播流网址如下图所示:
这是一个xml网址,需要解析这个xml网址获取到正在直播的rtmp地址,以进行直播展示。
jq使用get或ajax解析xml文件在vue框架里似乎行不通了。搜索发现了x2js插件,用于在XML和JavaScript对象之间进行转换的库。
二、x2js安装配置
可以使用npm安装或者到https://github.com/abdolence/x2js上下载.js代码,
① npm安装,然后在main.js中引用
npm i x2js
import x2js from 'x2js' //xml数据处理插件
Vue.prototype.$x2js = new x2js() //创建x2js对象,挂到vue原型上
//或使用es6语法(直接在组件中require('x2js')):
const x2js = require('x2js')
②下载到.js代码,直接在index.html中引入
<script type='text/javascript' src="xml2jso