🐛 [Fix]: 썸네일 기본 이미지 설정

Author: g00hyun

.github/workflows/media-deploy.yml

@@ -3,8 +3,9 @@ on:
   push:
     branches:
       - develop
-    paths:
-      - 'apps/media/**'
+      - Fix/326
+    # paths:
+    #   - 'apps/media/**'
 
 jobs:
   build-and-push:

.github/workflows/record-deploy.yml

@@ -3,6 +3,7 @@ on:
   push:
     branches:
       - develop
+      - Fix/326
     paths:
       - 'apps/record/**'
 jobs:

apps/media/src/sfu/sfu.service.ts

@@ -15,6 +15,7 @@ import { ClientService } from './services/client.service';
 import { RecordService } from './services/record.service';
 import { User } from '../types/user';
 import { SetVideoQualityDto } from './dto/set-video-quality.dto';
+import axios from 'axios';
 
 @Injectable()
 export class SfuService {
@@ -31,6 +32,9 @@ export class SfuService {
 
   async createRoom(clientId: string, user: User) {
     const room = await this.roomService.createRoom();
+    await axios.post(`${this.configService.get('RECORD_SERVER_URL')}/thumbnail`, {
+      roomId: room.id,
+    });
     const thumbnail = `${this.configService.get('PUBLIC_RECORD_SERVER_URL')}/statics/thumbnails/${room.id}.jpg`;
     await this.broadcasterService.createBroadcast(
       CreateBroadcastDto.of(room.id, `${user.camperId}님의 방송`, thumbnail, user.id),

apps/record/Dockerfile

@@ -10,6 +10,9 @@ WORKDIR /app
 
 RUN mkdir -p /app/assets/records /app/assets/thumbnails && chmod -R 777 /app/assets
 
+COPY ./apps/record/public/default-thumbnail.jpg /app/assets/default-thumbnail.jpg
+RUN chmod 644 /app/assets/default-thumbnail.jpg
+
 # Environment variables
 ARG RECORD_PORT
 ARG NCLOUD_ACCESS_KEY

apps/record/public/default-thumbnail.jpg

@@ -12,6 +12,7 @@ const app = express();
 const assetsDirPath = path.join(__dirname, '../assets');
 const thumbnailsDirPath = path.join(__dirname, '../assets/thumbnails');
 const recordsDirPath = path.join(__dirname, '../assets/records');
+const defaultThumbnailPath = path.join(__dirname, '../assets/default-thumbnail.jpg');
 
 app.use(express.json());
 app.use(cors());
@@ -29,6 +30,22 @@ if (!fs.existsSync(recordsDirPath)) {
   fs.mkdirSync(recordsDirPath, { recursive: true });
 }
 
+const createDefaultThumbnail = (roomId: string) => {
+  const newThumbnailPath = path.join(thumbnailsDirPath, `${roomId}.jpg`);
+  fs.copyFileSync(defaultThumbnailPath, newThumbnailPath);
+  return newThumbnailPath;
+};
+
+app.post('/thumbnail', (req, res) => {
+  const { roomId } = req.body;
+  try {
+    const thumbnailPath = createDefaultThumbnail(roomId);
+    res.send({ success: true, path: thumbnailPath });
+  } catch (error) {
+    res.status(500).send({ success: false, error: 'Failed to create thumbnail' });
+  }
+});
+
 app.post('/send', (req, res) => {
   const { videoPort, roomId, type, audioPort } = req.body;
   createFfmpegProcess(videoPort, assetsDirPath, roomId, type, audioPort);