> For the complete documentation index, see [llms.txt](https://autoedit.gitbook.io/documentation/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://autoedit.gitbook.io/documentation/transcriptions/transcriptions-intro/video-preview-conversion.md).

# Video preview conversion

## Component/part description

Convert input video into lower res video preview. For hypertranscript view.

Uses ffmpeg. Fluent ffmpeg.

## Related projects

NA

## Implementations Options considered

initially converted to `ogg` video. Quality was very poor, so moved to webm.

Then in previous implementation using NWJS this needs to be `webm` coz `mp4` not supported. Issue is making it cross browser compatible. `webm` not supported by safari and iOS.

## Current implementation

However with the recent move to Electron, was able to refactor and add support for `mp4`.

ffmpeg command 

```bash
ffmpeg -i inputfile -vf "scale=-1:360" -c:v libx264 -preset ultrafast -crf 40 output.mp4
```

see component 

{% embed url="<https://github.com/OpenNewsLabs/autoEdit_2/blob/master/lib/interactive_transcription_generator/video_to_html5/index.js>" %}

&#x20;

{% embed url="<https://trello.com/c/IPZ8mKhL>" %}
in textAV components
{% endembed %}

## What needs refactoring

Seems quiet fast now.&#x20;