beenull/WebChat
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

chore: compressImage add errorMargin arg

Browse source
This commit is contained in:
molvqingtai 2024-09-16 23:01:46 +08:00
parent 1b5057d203
commit 231fc25486
3 changed files with 7338 additions and 5844 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

13077
pnpm-lock.yaml
View file

File diff suppressed because it is too large Load diff

10
src/domain/impls/PeerRoom.ts
View file

@ -1,5 +1,6 @@
import { type DataPayload, type Room, joinRoom } from 'trystero'
import { type DataPayload, type Room } from 'trystero'
// import { joinRoom } from 'trystero/torrent'
import { joinRoom } from 'trystero/firebase'
import { PeerRoomExtern, type PeerMessage } from '@/domain/externs/PeerRoom'
import { stringToHex } from '@/utils'
@ -40,6 +41,9 @@ class PeerRoom {
}
}
const peerRoom = new PeerRoom({ appId: stringToHex(__NAME__) })
// const peerRoom = new PeerRoom({ appId: stringToHex(__NAME__) })
const peerRoom = new PeerRoom({
appId: 'https://web-chat-e9964-default-rtdb.asia-southeast1.firebasedatabase.app'
})
export const PeerRoomImpl = PeerRoomExtern.impl(peerRoom)

95
src/utils/compressImage.ts
View file

@ -1,62 +1,111 @@
// const compress = async (
// imageBitmap: ImageBitmap,
// targetSize: number,
// low: number,
// high: number,
// bestBlob: Blob
// ): Promise<Blob> => {
// // Calculate the middle value of quality
// const mid = (low + high) / 2
// // Calculate the width and height after scaling
// const width = imageBitmap.width * mid
// const height = imageBitmap.height * mid
// const offscreenCanvas = new OffscreenCanvas(width, height)
// const offscreenContext = offscreenCanvas.getContext('2d')!
// offscreenContext.drawImage(imageBitmap, 0, 0, width, height)
// const outputBlob = await offscreenCanvas.convertToBlob({ type: 'image/jpeg', quality: mid })
// // Calculate the current size based on the current quality
// const currentSize = outputBlob.size
// // If the current size is close to the target size, update the bestBlob
// if (currentSize <= targetSize && Math.abs(currentSize - targetSize) < Math.abs(bestBlob.size - targetSize)) {
// bestBlob = outputBlob
// }
// // If the current size is between -1024 ~ 0, return the result
// if ((currentSize - targetSize <= 0 && currentSize - targetSize >= -1024) || high - low < 0.01) {
// return bestBlob
// }
// // Adjust the range for recursion based on the current quality and size
// if (currentSize > targetSize) {
// return await compress(imageBitmap, targetSize, low, mid, bestBlob)
// } else {
// return await compress(imageBitmap, targetSize, mid, high, bestBlob)
// }
// }
// const compressImage = async (inputBlob: Blob, targetSize: number) => {
// // If the original size already meets the target size, return the original Blob
// if (inputBlob.size <= targetSize) {
// return inputBlob
// }
// // Initialize the range of quality
// const low = 0
// const high = 1
// // Initialize bestBlob with the original input Blob
// const bestBlob = inputBlob
// const imageBitmap = await createImageBitmap(inputBlob)
// // Call the recursive function
// return await compress(imageBitmap, targetSize, low, high, bestBlob)
// }
// export default compressImage
const compress = async (
imageBitmap: ImageBitmap,
targetSize: number,
errorMargin: number,
low: number,
high: number,
bestBlob: Blob
): Promise<Blob> => {
// Calculate the middle value of quality
const mid = (low + high) / 2
// Calculate the width and height after scaling
const width = imageBitmap.width * mid
const height = imageBitmap.height * mid
const offscreenCanvas = new OffscreenCanvas(width, height)
const offscreenContext = offscreenCanvas.getContext('2d')!
offscreenContext.drawImage(imageBitmap, 0, 0, width, height)
const outputBlob = await offscreenCanvas.convertToBlob({ type: 'image/jpeg', quality: mid })
// Calculate the current size based on the current quality
const currentSize = outputBlob.size
// If the current size is close to the target size, update the bestBlob
if (currentSize <= targetSize && Math.abs(currentSize - targetSize) < Math.abs(bestBlob.size - targetSize)) {
if (Math.abs(currentSize - targetSize) < Math.abs(bestBlob.size - targetSize)) {
bestBlob = outputBlob
}
// If the current size is between -1024 ~ 0, return the result
if ((currentSize - targetSize <= 0 && currentSize - targetSize >= -1024) || high - low < 0.01) {
if (Math.abs(currentSize - targetSize) <= errorMargin || high - low < 0.01) {
return bestBlob
}
// Adjust the range for recursion based on the current quality and size
if (currentSize > targetSize) {
return await compress(imageBitmap, targetSize, low, mid, bestBlob)
return await compress(imageBitmap, targetSize, errorMargin, low, mid, bestBlob)
} else {
return await compress(imageBitmap, targetSize, mid, high, bestBlob)
return await compress(imageBitmap, targetSize, errorMargin, mid, high, bestBlob)
}
}
const compressImage = async (inputBlob: Blob, targetSize: number) => {
// If the original size already meets the target size, return the original Blob
const compressImage = async (inputBlob: Blob, targetSize: number, errorMargin: number = 1024) => {
if (inputBlob.size <= targetSize) {
return inputBlob
}
// Initialize the range of quality
const low = 0
const high = 1
// Initialize bestBlob with the original input Blob
const low = 0.1
const high = 0.9
const bestBlob = inputBlob
const imageBitmap = await createImageBitmap(inputBlob)
// Call the recursive function
return await compress(imageBitmap, targetSize, low, high, bestBlob)
return await compress(imageBitmap, targetSize, errorMargin, low, high, bestBlob)
}
export default compressImage