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

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ậ [...]

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

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

Từ lâu tôi đã xem và đề xuất Visual Studio là tool số một để phát triển đa dạng use-case. Đâu là tool đầu tiên mà tôi lập trình C++, C# và cũng là tool mà tôi nhớ nhất khi quay trở lại làm việc với Python. Dạo gần đây, tôi tự hỏi liệu mình có thể giải quyết cùng vấn đề như VS Code không. Vì sau một thời gian dài phân tích, tôi nghĩ rằng tôi thể dành chút thời gian để list ra các lí do tại sao tôi ngày càng thích VS Code. Cùng khám phá các ưu điểm của VS Code trong bài viết này nhé! Các settings riêng cho Workspace Tôi cũng các đồng nghiệp đã từng tranh luận nhiều về các rule cơ bản nhưng quan trọng cho coding guidelines của chúng tôi (spaces vẫn tốt hơn). Sau khi cài các indents (thụt dòng) rộng khoảng 8 space, tôi nhanh chóng nhận ra rằng tôi sẽ gặp phải vấn đề với Visual Studio: [...]

IDE là gì? IDE là gì? - IDE viết tắt là từ (Integrated Development Environment) là môi trường tích hợp dùng để viết code để phát triển ứng dụng. Ngoài ra IDE tích hợp các tool hỗ trợ khác như trình biên dịch (Compiler), trình thông dịch (Interpreter), kiểm tra lỗi (Debugger), định dạng hoặc highlight code, tổ chức thư mục code, tìm kiếm code... Các môi trường IDE thường bao gồm Một trình soạn thảo mã nguồn (source code editor): dùng để viết mã. Trình biên dịch (compiler) và/hoặc trình thông dịch (interpreter). Công cụ xây dựng tự động: khi sử dụng sẽ biên dịch (hoặc thông dịch) mã nguồn, thực hiện liên kết (linking), và có thể chạy chương trình một cách tự động. Trình gỡ lỗi (debugger): hỗ trợ dò tìm lỗi. Ngoài ra, còn có thể bao gồm hệ thống quản lý phiên bản và các công cụ nhằm đơn giản hóa công việc xây dựng giao diện ngườ [...]

CHỌN TEXT EDITOR Có rất nhiều lựa chọn text editor cho bạn. Atom và Sublime Text 3 là một trong những text editors nổi nhất hiện giờ. Sublime Text đã là sự lựa chọn khá phổ biến lâu nay trong giới lập trình. Nó ổn dịnh và đáng tin cậy. Atom ra mắt bởi GitHub sau Sublime Text. Đây là một text editor hoàn toàn tùy chỉnh. Vì Atom được viết trên HTML, CSS, và JavaScript, bạn có thể tự tùy chỉnh nếu bạn có sử dụng các ngôn ngữ trên. Text editor nào cũng đều rất có ích cho việc lập trình, vì thế nên bạn cần chọn 1 editor phù hợp rồi dùng thuần thục cho quen. Khi bạn đi sâu hơn vào sự nghiệp lập trình, hãy thử một text editor khác để xem các features khác có phù hợp với workflow của mình hay không. I. ATOM Atom là một text editor miễn phí do Github tạo nên. Atom là một open source, nghĩa là tất cả các code của nó đề [...]

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ế [...]