# Linux

このページでは、Linux向けのWailsアプリケーション開発に関する、様々なガイドを掲載しています。

## Video tag doesn't fire "ended" event

videoタグを使用している場合、ビデオの再生が終了しても"ended"イベントが発火しません。 これはWebkitのバグであり、次のような回避策を講じることで修正できます:

```js
videoTag.addEventListener("timeupdate", (event) => {
  if (event.target.duration - event.target.currentTime < 0.2) {
    let ended = new Event("ended");
    event.target.dispatchEvent(ended);
  }
});
```

出典: [ディスカッションボード](https://github.com/wailsapp/wails/issues/1729#issuecomment-1212291275)における[Lyimmi](https://github.com/Lyimmi)のコメント

## GStreamer error when using Audio or Video elements

If you are seeing the following error when including `<Audio>` or `<Video>` elements on Linux, you may need to install `gst-plugins-good`.

```
GStreamer element autoaudiosink not found. Please install it
```

### Installing

Run the following distro relevant install command:

```mdx-code-block
import Tabs from "@theme/Tabs";
import TabItem from "@theme/TabItem";

<Tabs
    defaultValue="Arch"
    values={[
        { label: "Arch", value: "Arch" },
        { label: "Debian/Ubuntu", value: "Debian" },
        { label: "Fedora", value: "Fedora" },
    ]}
>
<TabItem value="Arch">

    pacman -S gst-plugins-good

</TabItem>
<TabItem value="Debian">

    apt-get install gstreamer1.0-plugins-good

</TabItem>
<TabItem value="Fedora">

    dnf install gstreamer1-plugins-good

</TabItem>
</Tabs>
```

If the added package does not resolve the issue, additional GStreamer dependencies may be required. [See the GStreamer installation page for more details.](https://gstreamer.freedesktop.org/documentation/installing/on-linux.html)

### Additional Notes

- This issue is caused by [an upstream issue with WebkitGTK](https://bugs.webkit.org/show_bug.cgi?id=146351).
- [Arch based systems](https://wiki.archlinux.org/title/Arch-based_distributions) seem to have this issue more often than other distributions.
- This issue impacts [Tauri apps](https://tauri.app/).

Source: [developomp](https://github.com/developomp) on the [Tauri discussion board](https://github.com/tauri-apps/tauri/issues/4642#issuecomment-1643229562).