vue-＞jessibuca播放器使用

黛玉葬花也葬你

已于 2023-02-22 22:06:38 修改

阅读量4.2k

点赞数 4

文章标签： vue.js 前端

于 2022-12-12 15:29:21 首次发布

本文链接：https://blog.csdn.net/weixin_48802343/article/details/128287806

版权

这个是官网地址：https://github.com/bosscheng/jessibuca-vue-demo/tree/v3
后缀有v3，v2也可以使用

将项目下载到本地
找到components下面的jessibucaDemo.vue

复制到你自己的项目里面

再去public里面
在这里插入图片描述
把这三个复制到你自己的public里面去

在看public里面的index.html

在头的位置引入jessibuca 这个是一定要加的否则会报错

<script src="./jessibuca.js"></script>

<!DOCTYPE html>
<html lang="">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width,initial-scale=1.0">
    <link rel="icon" href="<%= BASE_URL %>favicon.ico">
    <title><%= htmlWebpackPlugin.options.title %></title>
    <script src="./jessibuca.js"></script>     <==== 把这个放在你自己的项目里面去
</head>
<body class="page">
<noscript>
    <strong>We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work properly without JavaScript enabled.
        Please enable it to continue.</strong>
</noscript>
<div id="app"></div>
<!-- built files will be auto injected -->
</body>
</html>

踩坑：

1，当控制台报什么：module is not an object or function的时候，
可能是模块出了什么问题
解决办法：=》http://jessibuca.monibuca.com/demo.html，去这个网站，第一个最新下面有个《最新源码》点他下载最新的代码，然后把上面需要引入的内三个模块，替换一下。
虽然不知道原理是什么，但我是这么《解决》了

黛玉葬花也葬你

关注

4
点赞
踩
4

收藏

觉得还不错? 一键收藏
3
评论
vue-＞jessibuca播放器使用

把这三个复制到你自己的public里面去。找到components下面的。这个是一定要加的否则会报错。后缀有v3，v2也可以使用。复制到你自己的项目里面。在看public里面的。再去public里面。
复制链接

扫一扫