TopDev
0888 1555 00 Employer
Đăng nhập
Công ty
Blog
NIPA

Tìm kiếm

ReactJS
Tất cả
Việc làm
Công ty

Tạo thông báo việc làm ngay

8 việc làmVideos Editor

Thông tin công ty

Bài viết liên quan

Xem tất cả
Hướng dẫn cách tạo ứng dụng Convert video sang GIF

Hướng dẫn cách tạo ứng dụng Convert video sang GIF

Bài viết được sự cho phép của tác giả Sơn Dương Hôm nay mình sẽ hướng dẫn các bạn một cách dễ nhất để tạo một ứng dụng Android chuyển đổi video sang GIF. Để tạo ứng dụng này, mình không sử dụng OpenCV vừa phức tạp, lại cồng kềnh. Đơn giản và nhanh nhất là sử dụng một dịch vụ có sẵn, có tên là Cloudinary. Cụ thể Cloudinary là gì? Cách convert video sang gif sử dụng Cloudinary như thế nào? Việc tích hợp vào ứng dụng android có đơn giản không? Chúng ta cùng theo dõi bài viết dưới đây nhé. Giới thiệu tổng quan về ảnh ảnh động GIF Trước khi chúng ta bắt tay vào xây dựng app tạo ảnh động cho android, mình muốn giới thiệu kiến thức nền tảng trước về ảnh gif. #Ảnh GIF là gì? GIF (viết tắt của Graphics Interchange Format) là một định dạng hình ảnh bitmap có khả năng chuyển động. Chúng ta hiểu đơn giả [...]

Đọc thêm
Chuẩn hóa code style trên Editor/IDE bằng EditorConfig

Chuẩn hóa code style trên Editor/IDE bằng EditorConfig

Bài viết được sự cho phép của tác giả Nguyễn Trần Chung Thực sự mà nói về code thì 100 coder code 100 cách khác nhau, không biết đâu mà lần phải không các bạn. Người thì xài tab, người thì xài space (khoảng trắng), đã thế lại còn có tab 2 với tab 4, space 2 với space 4... chưa kể đến việc space và tab ở mỗi Editor/IDE là không giống nhau nữa. Nếu bạn code một mình thì chả có vấn đề gì cả phải không nào, những hãy thử nghĩ xem trong 1 team thì sao? Mỗi người 1 kiểu sẽ gây mất tính thống nhất với nhau, khó đọc code hơn đối với người khác trong team nữa chứ. [irp posts="5223" name="4 lý do để VS Code là Text Editor ưa thích của mọi lập trình viên"] [irp posts="5354" name="Text Editors: Atom và Sublime"] Đó chính là lí do vì sao cần phải có EditorConfig trong mỗi project của các bạn. EditorConfig giúp developer và các team thống nhất code style về mặt tab indent. Việc thiết lậ [...]

Đọc thêm
[Trick] Lặp 1 video trên Youtube với thời gian theo ý muốn

[Trick] Lặp 1 video trên Youtube với thời gian theo ý muốn

Chả là dạo gần đây, tớ hay nghe bản nhạc "Một bước yêu vạn dặm đau" của bạn Chu Duyên. Xinh gái, hát hay, đàn lại giỏi. Bạn có thể trải nghiệm ở link này: https://www.youtube.com/watch?v=plKgTyPXCAc Nếu dùng loop mặc định của Youtube thì sẽ nghe đi nghe lại cả bài. Tuy nhiên, tớ chỉ thích nghe đoạn hát thôi, không thích nghe đoạn intro và outro ở đầu. Vì vậy tớ viết 1 đoạn script nho nhỏ, paste vào console để thực hiện thủ đoạn này, tiện share với mọi người luôn. TL; DR function simpleLoop(startTime, endTime) { // TODO: Check valid endtime console.log('-- Run here') var ytplayer = document.getElementById("movie_player"); var currentTime = ytplayer.getCurrentTime(); var isRunToStart = currentTime > startTime var suitableTimeout = endTime - startTime if (currentTime <= startTime || currentTime > endTime){ ytplayer.seekTo(startTime) } else { suitableTimeout = endTime - currentTime } console.log('>> Start timeout after: ', suitableTimeout * 1000) setTimeout(function () { simpleLoop(startTime, endTime) }, suitableTimeout * 1000) } simpleLoop(11, 254) Thay trong hàm simpleLoop là startTime và endTime mà bạn muốn. Giải thích Đoạn code trên khá đơn giản, có thể hình dung theo sơ đồ sau: Nếu thời gian hiệ [...]

Đọc thêm
Gắn video làm background toàn màn hình

Gắn video làm background toàn màn hình

Chia sẻ kỹ thuật làm video background để chạy full màn hình Kết quả các bạn có thể xem trên trang mình mới làm http://chat-production.com/ Để có một cái video background chạy toàn màn hình, chúng ta sẽ nghĩ ngay đến việc dùng thẻ <video /> của HTML5, đặt nó trong một cái <div/> có kích thước width: 100%, buồn thay nó không đúng như chúng ta mong đợi. <!-- HTML --> <div id="videoContainer"> <video loop autoplay muted playsinline> <source src="/show-reel.mp4" type="video/mp4" /> </video> </div> Thêm playsinline để có thể chạy trên IOS như iPhone #container { overflow: hidden; height: 60vw; position: relative; } video { width: 100%; height: 100%; position: absolute; top: 0; left: 0; right: 0; bottom: 0; } Thứ nhất là nó sẽ không tự scale ra 100% của màn hình, thứ 2 khi chúng ta kéo to thu nhỏ cửa sổ trình duyệt, tỷ lệ khung hình (ngang và đứng) cũng sẽ không đạt đúng tỉ lệ thật của video. [irp posts="18658" name="Đặt tên sao cho đẹp trong javascript"] [irp posts="18496" name="Bạn biết về Javascript Filter Function?"] Để video có thể thay đổi kích thước theo từng [...]

Đọc thêm