Search your

ReactJS
All
Jobs

Get job alert for this search

2 jobsVideo Edit

Related posts

View all
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ả [...]

Read more
[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ệ [...]

Read more
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 [...]

Read more
Bài học cho các Developer sau lỗi bug video từ Facebook

Bài học cho các Developer sau lỗi bug video từ Facebook

Facebook rất thích push content, đặc biệt là việc sử dụng video để quảng cáo. Và các bạn biết đấy, bản chất của video là những bức ảnh chuyển động. Người xưa có câu trăm nghe không bằng một thấy, giá trị của những video là rất lớn khi nói đến hiệu ứng quảng cáo. Đó cũng là một trong những tham vọng của ông lớn Facebook với tính năng chèn video vào khung cover của các page trên Facebook.   Vốn là một admin của trang công động trên facebook với vài ngàn like, tôi khá tò mò về tính năng mới này. Quá trình cài đặt khá dễ dàng và nhanh chóng. Bạn chỉ cần vào mục cover, chọn clip và chỉnh vị trí cũng như thêm cái thumbnail. Thế là bạn đã hoàn thành hết rồi đấy... Tuy nhiên thực tại lại hoàn toàn ngược lại. Cái gì thế này? Đã sai ở chỗ nào nhỉ? Mặc dù bạn đã theo đúng hế [...]

Read more