easydarwin 下面easywasmplayer和easyplayer

news/2024/7/23 8:39:05 标签: 视频流兼容格式播放前端

拷贝大佬们,起码验证能用再写文章,找到的各种坑

@easydarwin/easywasmplayer - npm

区别

easyplayer:在与vue2结合的时候没有问题,但是用在vue3中,就是提示各种缺东西,你就是将所有文件引入到index.html都不行。网上还各种瞎bb,测试了吗?

easywasmplayer:与vue3可以结合 

在index.html中引入
<script src="/public/EasyWasmPlayer.js"></script>
<template>
    <div class="box">
        <div id="Player"></div>
    </div>
</template>
<script>

export default {
    data() {
        return {
            player: '',
            url: 'http://playertest.longtailvideo.com/adaptive/bipbop/gear4/prog_index.m3u8'

        }
    },
    mounted() {
        // 实例化播放器
        this.player = new WasmPlayer(null, 'Player', this.callbackfun)
        // 调用播放
        this.player.play(this.url, 0);
        this.player.setSnap("https://img.tuguaishou.com/ips_templ_preview/f0/f9/5a/lg_3599867_1607869606_5fd624a673379.jpg!w1024_w?auth_key=2300366484-0-0-322cbbf653e2e67b5b049a4c3c78070d");
    },
    methods: {
        callbackfun(e) {
            console.log('callbackfun', e);
        }
    }
}
</script>
<style>
.box {
    width: 600px;
    height: 400px;
}
</style>


http://www.niftyadmin.cn/n/5338295.html

相关文章

解决Unity WebGLInput插件全屏输入的问题

unity webgl的中文输入插件WebglInput在全屏的时候会出现无法输入中文/输入的英文会字母出现在光标后面/什么都输入不了的等无法正常使用的情况。 插件官网作者给出了unity的2017&#xff0c;2018&#xff0c;2019版本的全屏输入解决方法。 最新插件下载地址&#xff1a;http…

linux内核源码编译2.6失败

centos7环境 iso选择 https://mirrors.tuna.tsinghua.edu.cn/centos/7/isos/x86_64/CentOS-7-x86_64-DVD-2009.iso 自带qemu&#xff0c;未实测是否可用 选择编译版本2.6 下载地址 遇到的编译错误解决 yum list | grep curses yum install ncurses-devel.x86_64 -y yum i…

MATLAB Fundamentals>>>Fill Missing Values

MATLAB Fundamentals>Preprocessing Data>Interpolating Missing Data> (1/4) Fill Missing Values This code sets up the activity. x [0 NaN 7 8 NaN 2 -3 NaN -8] plot(x,"s-","LineWidth",1.5) 任务1&#xff1a; Create a vector y th…

TCP重传, 滑动窗口, 流量控制, 拥塞控制

TCP重传, 滑动窗口, 流量控制, 拥塞控制 1. 重传机制 TCP 实现可靠传输的方式之一&#xff0c;是通过序列号与确认应答。 在 TCP 中&#xff0c;当发送端的数据到达接收主机时&#xff0c;接收端主机会返回一个确认应答消息&#xff0c;表示已收到消息。 针对数据可能丢失的…

如何在 Ubuntu / Raspbian 上安装 MariaDB

Raspberry Pi OS&#xff08;原为Raspbian&#xff09;是为树莓派基于Debian开发的操作系统。 从2015年起&#xff0c;树莓派基金会正式将其作为树莓派的官方操作系统。 Raspbian是由Mike Thompson和Peter Green创建的一个独立项目。第一个版本于2012年6月发布&#xff0c;至…

Spring成长之路—Spring MVC

在分享SpringMVC之前&#xff0c;我们先对MVC有个基本的了解。MVC(Model-View-Controller)指的是一种软件思想&#xff0c;它将软件分为三层&#xff1a;模型层、视图层、控制层 模型层即Model&#xff1a;负责处理具体的业务和封装实体类&#xff0c;我们所知的service层、poj…

MySQL 的delete、truncate、drop 有什么区别

目录 一、从执行速度上来说 二、从使用场景和原理上讲 1、DELETE 2、truncate 3、drop 希望能够帮助到大家&#xff01;&#xff01;&#xff01; 一、从执行速度上来说 drop > truncate >delete 二、从使用场景和原理上讲 1、DELETE DELETE from TABLE_NAME wh…

【操作系统和计网从入门到深入】(七)信号

前言 这个专栏其实是博主在复习操作系统和计算机网络时候的笔记&#xff0c;所以如果是博主比较熟悉的知识点&#xff0c;博主可能就直接跳过了&#xff0c;但是所有重要的知识点&#xff0c;在这个专栏里面都会提到&#xff01;而且我也一定会保证这个专栏知识点的完整性&…