How it works:"1) Finds "large" cont

How it works:
"1) Finds "large" content on the page. This can be a box containing text, or larger images, anything that is actually visible. Note that most web pages have a lot of elements defined in code, but not very visible (if at all) on the page.
2) For each element, it assignes a specific "class name". This allows the script to identify the elements at any point.

3) It loads the audio file from http://s3.amazonaws.com/moovweb-...

4) It loads a CSS file from http://s3.amazonaws.com/moovweb-.... The CSS file defines how the elements "shake", for how long and other similar properties. The CSS file actually uses the "class names" defined before to identify the larger blocks on the web page, for full effect.

The author must have used a code minifier just to make it easier for everyone to use (Online YUI Compressor is an example). I used an Online JavaScript beautifier to reformat the code and it's pretty easy to see what's going on for technical people/programmers, even if functions and variables have been renamed to only be one character in length: ClaudiuC/Chrome Harlem Shake.

Edit: This wouldn't really be possible without HTML5's audio standard and CSS3 animations."

Source:
Claudiu Ceia in "Harlem Shake: How does the Google Chrome Harlem Shake code work?

Kết quả (Việt) 1:

Làm thế nào nó hoạt động:"1) tìm thấy"lớn"nội dung trên trang. Điều này có thể là một hộp có chứa văn bản hoặc hình ảnh lớn hơn, bất cứ điều gì thực sự có thể nhìn thấy. Lưu ý rằng hầu hết các trang web có rất nhiều yếu tố xác định mã số, nhưng không phải rất có thể nhìn thấy (nếu ở tất cả) trong trang. 2) cho mỗi phần tử, nó assignes một cụ thể "tên lớp". Điều này cho phép các kịch bản để xác định các yếu tố tại bất kỳ điểm nào. 3) thì tải tập tin âm thanh từ http://s3.amazonaws.com/moovweb-...4) nó tải một tập tin CSS từ http://s3.amazonaws.com/moovweb-... Các tập tin CSS định nghĩa như thế nào các yếu tố "lắc", bao lâu và các thuộc tính tương tự. Các tập tin CSS thực sự sử dụng các "tên lớp" và có được định nghĩa trước để xác định các khối lớn hơn trên trang web, cho hiệu ứng đầy đủ. Tác giả phải có sử dụng một minifier mã chỉ để làm cho nó dễ dàng hơn cho tất cả mọi người sử dụng (nén YUI trực tuyến là một ví dụ). Tôi đã sử dụng một beautifier trực tuyến JavaScript để định dạng lại mã và nó là khá dễ dàng để xem những gì đang xảy ra cho người dân kỹ thuật/lập trình viên, ngay cả chức năng và các biến đã được đổi tên thành chỉ là một nhân vật trong chiều dài: ClaudiuC/Chrome Harlem Shake.Chỉnh sửa: điều này sẽ không thực sự có thể không có âm thanh tiêu chuẩn của HTML5 và CSS3 animations. "Nguồn:Claudiu Ceia trong "Harlem Shake: Google Chrome Harlem Shake mã như thế nào?

Kết quả (Việt) 2:

Làm thế nào nó hoạt động:
. "1) Finds" nội dung lớn "trên trang này có thể là một hộp chứa văn bản, hoặc hình ảnh lớn hơn, bất cứ điều gì là thực sự có thể nhìn thấy Lưu ý rằng hầu hết các trang web có rất nhiều yếu tố được xác định trong mã, nhưng không phải. . rất rõ ràng (nếu có) trên trang
. 2) Đối với mỗi phần tử, nó assignes một cụ "tên lớp" Điều này cho phép các kịch bản để xác định các yếu tố bất cứ lúc nào. 3) nó tải các tập tin âm thanh từ http: // s3.amazonaws.com/moovweb -... 4) Nó tải một file CSS từ http: //s3.amazonaws.com/moovweb -.... các tập tin CSS định nghĩa cách các yếu tố "lắc", trong bao lâu và tính chất tương tự khác. các tập tin CSS thực sự sử dụng "tên lớp" được xác định trước để xác định các khối lớn hơn trên các trang web, cho hiệu quả đầy đủ. các tác giả phải sử dụng một minifier mã chỉ để làm cho nó dễ dàng hơn cho tất cả mọi người sử dụng (online YUI Compressor là một ví dụ) tôi đã sử dụng một beautifier JavaScript online để định dạng lại mã và nó rất dễ dàng để xem những gì đang xảy ra cho người dân kỹ thuật / lập trình viên, thậm chí nếu các chức năng và các biến đã được đổi tên thành chỉ là một nhân vật có chiều dài:. ClaudiuC / Chrome . Harlem Shake chỉnh sửa: Điều này sẽ không thực sự có thể không có hình ảnh động chuẩn âm thanh HTML5 và CSS3 ". Nguồn: Claudiu CEIA trong" Harlem Shake: Làm thế nào để công việc mã Google Chrome Harlem Shake?