Hyperbook

Grundlagen

Bereitstellung des Hyperbooks in .hyperbook/out:

npx hyperbook build

Bildbearbeitung

Favicon-Erstellung

mit imagemagick:

convert favicon.png -bordercolor white -border 0 \
      \( -clone 0 -resize 16x16 \) \
      \( -clone 0 -resize 32x32 \) \
      \( -clone 0 -resize 48x48 \) \
      \( -clone 0 -resize 57x57 \) \
      \( -clone 0 -resize 64x64 \) \
      \( -clone 0 -resize 72x72 \) \
      \( -clone 0 -resize 110x110 \) \
      \( -clone 0 -resize 114x114 \) \
      \( -clone 0 -resize 120x120 \) \
      \( -clone 0 -resize 128x128 \) \
      \( -clone 0 -resize 144x144 \) \
      \( -clone 0 -resize 152x152 \) \
      -delete 0 -alpha off -colors 256 favicon.ico

Quelle: StackOverflow

Videobearbeitung

Skalierung

Skalierung eines Videos mit FFmpeg auf das Format 16:9 in der Auflösung 640:360 unter Beibehaltung des ursprünglichen Seitenverhältnisses und Hinzufügens schwarzer Balken, wenn nötig:

ffmpeg -i "input.webm" -vf "scale=640:360:force_original_aspect_ratio=1,pad=640:360:(( (ow - iw)/2 )):(( (oh - ih)/2 ))" "output.webm"

Hyperbook🔖

Grundlagen🔖

Bildbearbeitung🔖

Favicon-Erstellung🔖

Videobearbeitung🔖

Skalierung🔖