一个为WebGL准备的图像称为纹理。在你制作精灵展示图像之前,你需要把一个原始的图像转化为一个WebGL纹理。为了保持所有的东西都能在底层快速高效的工作,Pixi使用了一个 纹理缓存 去存储和引用所有精灵图所需要的纹理。纹理的名字是一个指向图片文件的位置的字符串。
但是这样会导致一个问题,你如果创建了两个精灵,两个的视频地址是同一个,当操作一个音频的时候 另一个音频也会改变。
解决办法:在链接后面加一个时间戳,这样创建的纹理的名字只想是不同的,就是不同的底层资源。
this.sprite = await PIXI.Sprite.from(this.meta.src + '?t=' + Date.now())