Thumbnail & preview for video and audio files

[MrOrz]

Current media variant settings:

rumors-api/src/graphql/mutations/CreateMediaArticle.js

Lines 61 to 82 in 4b00d58

	case MediaType.image:
	return [
	variants.original(contentType),
	{
	name: IMAGE_THUMBNAIL,
	contentType: 'image/jpeg',
	transform: sharp()
	.resize({ height: 240, withoutEnlargement: true })
	.jpeg({ quality: 60 }),
	},
	{
	name: IMAGE_PREVIEW,
	contentType: 'image/webp',
	transform: sharp()
	.resize({ width: 600, withoutEnlargement: true })
	.webp({ quality: 30 }),
	},
	];
	default:
	return variants.defaultGetVariantSettings(options);
	}

• Current logic only generates variants for images
• We need to modify the logic to handle video and hopefully audio
• Need to determine a size for thumbnail (website & LINE bot list page) & preview (website detail before login)
• ffmpeg is already included, so just use it :)

[MrOrz]

ffmpeg is quite CPU intensive.
New proposal is to use Transcoding API + Google cloud function that listens on GCS change.

• Detail: https://g0v.hackmd.io/aJqHn8f5QGuBDLSMH_EinA#Video-summarization-for-thumbnails
• Initial Proposal: https://g0v.hackmd.io/@cofacts/meetings/%2FucUXvnqbRBmsD6YGkmdYvg

[ndcroos]

Hi, can you assign this issue to me, please?

[MrOrz]

Hi @ndcroos thanks for commenting! Would you share with us your idea on how to implement this?