search

prasanaworld / puppeteer-screen-recorder

A powerful plugin for recording with Puppeteer.
https://prasanaworld.github.io/puppeteer-screen-recorder/classes/puppeteerscreenrecorder.html
MIT License
381 stars 63 forks source link

Screen recording files generated by puppeteer-screen-recorder cannot display fonts correctly in AWS Lambda environment #68

Open tianqi999 opened 1 year ago

tianqi999 commented 1 year ago

I am using puppeteer-screen-recorder version 2.1.2 along with @sparticuz/chromium version 109.0.1 in an AWS Lambda environment to record screen activities. However, I am facing an issue where the recorded files do not display fonts correctly. The fonts appear distorted or missing altogether. I have uploaded two files for comparison regarding the screen recording issue with puppeteer-screen-recorder. The first file is a recording made on a local machine where the fonts are displayed correctly, while the second file is a recording made on the AWS Lambda environment where the fonts are distorted.

https://user-images.githubusercontent.com/44427035/229041162-4c86e88f-4336-4d5f-974b-63d42e4891f7.mp4

https://user-images.githubusercontent.com/44427035/229041277-7e8cc388-24c6-48e5-9a39-bcc9161bdbf5.mp4

I suspect that the issue might be related to a missing font package in the AWS Lambda environment. Could you please advise on how to install additional font packages or any other potential solutions to this issue?

kiostudio commented 8 months ago

I think you may need to install the Chinese fonts ? 

await chromium.font('https://rawcdn.githack.com/googlefonts/chinese/801aa43acbf9f5411f1131ec22dc3f75fda899e8/fonts/HanaMin/HanaMinA.ttf');
await chromium.font('https://rawcdn.githack.com/googlefonts/chinese/801aa43acbf9f5411f1131ec22dc3f75fda899e8/fonts/HanaMin/HanaMinB.ttf');