X-Git-Url: https://git.immae.eu/?a=blobdiff_plain;f=server%2Fhelpers%2Fimage-utils.ts;h=bbd4692ef31b47919647c9ef15c2e99f4a46d569;hb=bd09dfaf8dcb0ca4cd5dac9f13e3117486f3bcce;hp=da3285b13da7c3cfc902abfcfeab2f46564ab913;hpb=bc22d60899e14631cba0fb6450f4e85fc9528293;p=github%2FChocobozzz%2FPeerTube.git diff --git a/server/helpers/image-utils.ts b/server/helpers/image-utils.ts index da3285b13..bbd4692ef 100644 --- a/server/helpers/image-utils.ts +++ b/server/helpers/image-utils.ts @@ -1,36 +1,176 @@ -import 'multer' -import * as sharp from 'sharp' -import { move, remove } from 'fs-extra' +import { copy, readFile, remove, rename } from 'fs-extra' +import Jimp, { read as jimpRead } from 'jimp' +import { join } from 'path' +import { getLowercaseExtension } from '@shared/core-utils' +import { buildUUID } from '@shared/extra-utils' +import { convertWebPToJPG, generateThumbnailFromVideo, processGIF } from './ffmpeg/ffmpeg-images' +import { logger, loggerTagsFactory } from './logger' -async function processImage ( - physicalFile: { path: string }, - destination: string, +const lTags = loggerTagsFactory('image-utils') + +function generateImageFilename (extension = '.jpg') { + return buildUUID() + extension +} + +async function processImage (options: { + path: string + destination: string newSize: { width: number, height: number } -) { - if (physicalFile.path === destination) { - throw new Error('Sharp needs an input path different that the output path.') + keepOriginal?: boolean // default false +}) { + const { path, destination, newSize, keepOriginal = false } = options + + const extension = getLowercaseExtension(path) + + if (path === destination) { + throw new Error('Jimp/FFmpeg needs an input path different that the output path.') } - const sharpInstance = sharp(physicalFile.path) - const metadata = await sharpInstance.metadata() + logger.debug('Processing image %s to %s.', path, destination) - // No need to resize - if (metadata.width === newSize.width && metadata.height === newSize.height) { - await move(physicalFile.path, destination, { overwrite: true }) - return + // Use FFmpeg to process GIF + if (extension === '.gif') { + await processGIF(path, destination, newSize) + } else { + await jimpProcessor(path, destination, newSize, extension) } - await remove(destination) + if (keepOriginal !== true) await remove(path) +} - await sharpInstance - .resize(newSize.width, newSize.height) - .toFile(destination) +async function generateImageFromVideoFile (options: { + fromPath: string + folder: string + imageName: string + size: { width: number, height: number } +}) { + const { fromPath, folder, imageName, size } = options - await remove(physicalFile.path) + const pendingImageName = 'pending-' + imageName + const pendingImagePath = join(folder, pendingImageName) + + try { + await generateThumbnailFromVideo(fromPath, folder, imageName) + + const destination = join(folder, imageName) + await processImage({ path: pendingImagePath, destination, newSize: size }) + } catch (err) { + logger.error('Cannot generate image from video %s.', fromPath, { err, ...lTags() }) + + try { + await remove(pendingImagePath) + } catch (err) { + logger.debug('Cannot remove pending image path after generation error.', { err, ...lTags() }) + } + } +} + +async function getImageSize (path: string) { + const inputBuffer = await readFile(path) + + const image = await jimpRead(inputBuffer) + + return { + width: image.getWidth(), + height: image.getHeight() + } } // --------------------------------------------------------------------------- export { - processImage + generateImageFilename, + generateImageFromVideoFile, + + processImage, + + getImageSize +} + +// --------------------------------------------------------------------------- + +async function jimpProcessor (path: string, destination: string, newSize: { width: number, height: number }, inputExt: string) { + let sourceImage: Jimp + const inputBuffer = await readFile(path) + + try { + sourceImage = await jimpRead(inputBuffer) + } catch (err) { + logger.debug('Cannot read %s with jimp. Try to convert the image using ffmpeg first.', path, { err }) + + const newName = path + '.jpg' + await convertWebPToJPG(path, newName) + await rename(newName, path) + + sourceImage = await jimpRead(path) + } + + await remove(destination) + + // Optimization if the source file has the appropriate size + const outputExt = getLowercaseExtension(destination) + if (skipProcessing({ sourceImage, newSize, imageBytes: inputBuffer.byteLength, inputExt, outputExt })) { + return copy(path, destination) + } + + await autoResize({ sourceImage, newSize, destination }) +} + +async function autoResize (options: { + sourceImage: Jimp + newSize: { width: number, height: number } + destination: string +}) { + const { sourceImage, newSize, destination } = options + + // Portrait mode targeting a landscape, apply some effect on the image + const sourceIsPortrait = sourceImage.getWidth() < sourceImage.getHeight() + const destIsPortraitOrSquare = newSize.width <= newSize.height + + removeExif(sourceImage) + + if (sourceIsPortrait && !destIsPortraitOrSquare) { + const baseImage = sourceImage.cloneQuiet().cover(newSize.width, newSize.height) + .color([ { apply: 'shade', params: [ 50 ] } ]) + + const topImage = sourceImage.cloneQuiet().contain(newSize.width, newSize.height) + + return write(baseImage.blit(topImage, 0, 0), destination) + } + + return write(sourceImage.cover(newSize.width, newSize.height), destination) +} + +function write (image: Jimp, destination: string) { + return image.quality(80).writeAsync(destination) +} + +function skipProcessing (options: { + sourceImage: Jimp + newSize: { width: number, height: number } + imageBytes: number + inputExt: string + outputExt: string +}) { + const { sourceImage, newSize, imageBytes, inputExt, outputExt } = options + const { width, height } = newSize + + if (hasExif(sourceImage)) return false + if (sourceImage.getWidth() > width || sourceImage.getHeight() > height) return false + if (inputExt !== outputExt) return false + + const kB = 1000 + + if (height >= 1000) return imageBytes <= 200 * kB + if (height >= 500) return imageBytes <= 100 * kB + + return imageBytes <= 15 * kB +} + +function hasExif (image: Jimp) { + return !!(image.bitmap as any).exifBuffer +} + +function removeExif (image: Jimp) { + (image.bitmap as any).exifBuffer = null }