പശ്ചാത്തല വീഡിയോ എങ്ങനെ നിർമ്മിക്കാം എന്നതിന്റെ ഭാഗം 3

01 ഓഫ് 05

വീഡിയോ അഡോബ് മ്യൂസിക്യിലേക്ക് ചേർക്കുന്നു

പശ്ചാത്തല വീഡിയോ ഒരു ഫ്രീ വിഡ്ജറ്റ് മ്യൂസിക് നന്ദി ചേർക്കാൻ എളുപ്പമാണ്.

അഡോബ് മ്യൂസിസിന്റെ രസകരമായ വശം, പ്രസിദ്ധീകരണങ്ങളിൽ നിന്ന് പുറത്തുവരുന്ന സമാന വർക്ക്ഫ്ലോ ഉപയോഗിച്ച് വെബ് പേജുകൾ സൃഷ്ടിക്കാൻ ഇത് നിങ്ങളെ സഹായിക്കുന്നു എന്നതാണ്. ഒരു സൈറ്റിനെ അല്ലെങ്കിൽ പേജിൽ നിർമ്മിക്കുന്ന കോഡുകളെക്കുറിച്ച് വളരെ ആഴത്തിലുള്ള അറിവ് നിങ്ങൾക്ക് ആവശ്യമില്ല എന്നാൽ HTML5, CSS, JavaScript എന്നിവയെ പരിചയപ്പെടാൻ പാടില്ല.

HTML5 വീഡിയോ API യുടെ ഉപയോഗം വഴി പരമ്പരാഗത വെബ് വീഡിയോ സാധാരണയായി ചേർത്തിട്ടുണ്ടെങ്കിലും, "വിഡ്ജറ്റുകൾ" എന്ന് വിളിക്കുന്നതിലൂടെയും അഡോബ് മസ് സമാനമായ സംഗതിയാണ് ചെയ്യുന്നത്. വിഡ്ജറ്റുകൾ നിർദ്ദിഷ്ട ടാസ്കുകൾക്ക് ആവശ്യമുള്ള HTML 5 സൃഷ്ടിക്കുന്നു, പക്ഷെ പേജ് പ്രസിദ്ധീകരിക്കുമ്പോൾ കോഡ് എഴുതുക, മ്യൂസിസിൽ പ്ലെയിൻ-ഭാഷ ഇന്റർഫേസ് ഉപയോഗിക്കുക.

ഈ വ്യായാമത്തിൽ, ഞങ്ങൾ മ്യൂസിക് റിസോഴ്സുകളിൽ നിന്ന് നിങ്ങൾക്ക് സൗജന്യമായി ഡൗൺലോഡ് ചെയ്യാൻ സാധിക്കുന്ന ഒരു വിഡ്ജെറ്റ് ഉപയോഗിക്കാം. വിഡ്ജറ്റ് ഡൌൺലോഡ് ചെയ്യുമ്പോൾ, നിങ്ങൾ വലുതാക്കിയ .zip ഫയൽ തുറന്ന് പൂർണ്ണ സ്ക്രീൻ വീഡിയോ ഫോൾഡറിലെ .mulib ഫയൽ ഡബിൾ-ക്ലിക്ക് ചെയ്യുകയാണ്. ഇത് അഡോബ് മ്യൂസിസിന്റെ നിങ്ങളുടെ പകർപ്പിൽ അതിനെ സംസ്ഥാപിക്കും.

02 of 05

അഡോബ് മ്യൂസിക് സിസിയിൽ പശ്ചാത്തല വീഡിയോ ഒരു പേജ് എങ്ങനെ തയ്യാറാക്കാം

ഒരു പുതിയ സൈറ്റ് സൃഷ്ടിച്ച് പേജ് തലങ്ങൾ ക്രമീകരിക്കുന്നതിലൂടെ ആരംഭിക്കാം.

വിഡ്ജെറ്റ് ഇൻസ്റ്റാൾ ചെയ്തപ്പോൾ, നിങ്ങൾക്ക് ഇപ്പോൾ വീഡിയോ ഉപയോഗിക്കുന്ന പേജ് സൃഷ്ടിക്കാൻ കഴിയും.

ആരംഭിക്കുന്നതിന് മുമ്പ്, നിങ്ങളുടെ മ്യൂസിക് സൈറ്റിനായി ഒരു ഫോൾഡർ സൃഷ്ടിക്കുക. ആ ഫോൾഡറിൽ ഉള്ളിൽ മറ്റൊരു ഫോൾഡർ ഉണ്ടാക്കുന്നു - ഞാൻ " മീഡിയ " ഉപയോഗിക്കുന്നു - ഒപ്പം നിങ്ങളുടെ mp4, webm പതിപ്പുകൾ ആ ഫോൾഡറിലേക്ക് നീക്കുക.

നിങ്ങൾ മ്യൂസിക് സമാരംഭിക്കുമ്പോൾ ഫയൽ> പുതിയ സൈറ്റ് തിരഞ്ഞെടുക്കുക. വിതാനത്തിനുള്ള ഡയലോഗ് ബോക്സ് ഓപ്പൺ ലേഔട്ടായി തെരഞ്ഞെടുത്തു്, പേജ് വീതിയും പേജ് ഉയരണ മൂല്യങ്ങളും 1200 , 900 ആയി മാറ്റുക . ശരി ക്ലിക്കുചെയ്യുക.

മാസ്റ്റർ പേജ് തുറക്കുന്നതിന് പ്ലാൻ കാഴ്ചയിൽ മാസ്റ്റർ പേജ് ഇരട്ട ക്ലിക്കുചെയ്യുക. മാസ്റ്റർ പേജ് തുറക്കുമ്പോൾ തലക്കെട്ട്, ഫൂട്ടർ എന്നിവ പേജിന്റെ മുകളിലേക്കും താഴെയുമാണ് നയിക്കുന്നത്. നിങ്ങൾക്ക് ഈ ഉദാഹരണത്തിന് ശീർഷകവും അടിക്കുറിപ്പും ആവശ്യമില്ല.

05 of 03

അഡോബ് മ്യൂസിക് സിസിയിൽ ഫുൾസ്ക്രീൻ പശ്ചാത്തല വീഡിയോ വിഡ്ജെറ്റ് എങ്ങനെയാണ് ഉപയോഗിക്കേണ്ടത്

നിങ്ങൾ ചെയ്യേണ്ട എല്ലാം വീഡിയോ പേരുകൾ ചേർത്ത് വിഡ്ജറ്റ് ബാക്കിയുള്ളവ കൈകാര്യം ചെയ്യട്ടെ.

വിഡ്ജെറ്റ് ഉപയോഗിക്കുന്നത് മന്ദഹസയമാണ്. നിങ്ങൾ ആദ്യം > കാഴ്ച പ്ലാൻ മോഡ് തിരഞ്ഞെടുത്ത് പ്ലാൻ കാഴ്ചയിലേക്ക് മടങ്ങുക എന്നതാണ്. പ്ലാൻ കാഴ്ച തുറക്കുമ്പോൾ അത് തുറക്കാൻ ഹോം പേജിൽ ഇരട്ട ക്ലിക്കുചെയ്യുക.

ലൈബ്രറി പാനൽ തുറക്കുക - അത് ഇന്റർഫേസ് വലതുഭാഗത്ത് തുറന്നിട്ടില്ലെങ്കിൽ വിൻഡോ> ലൈബ്രറി - [എംആർ] ഫുൾസ്ക്രീൻ പശ്ചാത്തല വീഡിയോ ഫോൾഡർ താഴേയ്ക്ക് തിരിയുക. പേജിൽ ഫോൾഡറിലേക്ക് വിഡ്ജെറ്റ് വലിച്ചിടുക.

വീഡിയോകളുടെ mp4, webm പതിപ്പുകൾ പേരുകൾ നൽകാൻ നിങ്ങൾ ഓപ്ഷനുകൾ ആവശ്യപ്പെടും. നിങ്ങൾ നൽകിയ ഫോൾഡറിൽ അവർ നൽകിയ പേരുകൾ കൃത്യമായി നൽകുക. നിങ്ങൾ തെറ്റായി ചെയ്യുന്നില്ലെന്ന് ഉറപ്പ് വരുത്തുന്നതിന് ഒരു ചെറിയ ട്രിക്ക് mp4 വീഡിയോയുടെ പേര് പകർത്തി ഓപ്ഷനുകൾ മെനുവിലെ MP4 , WEBM ഭാഗങ്ങളിൽ ഒട്ടിക്കുക എന്നതാണ്.

മറ്റൊരു തമാശ: ഈ വിഡ്ജെറ്റ് എല്ലാം നിങ്ങൾക്കായി HTML 5 കോഡ് എഴുതുകയാണ്. നിങ്ങൾ വിഡ്ജറ്റിൽ <> കാണുമ്പോൾ അത് നിങ്ങൾക്ക് പറയാൻ കഴിയും. ഈ സാഹചര്യത്തിൽ, നിങ്ങൾ വെബ് പേജിന്റെ വിഡ്ജറ്റ് പിക്സേർബോർഡിൽ സ്ഥാപിക്കാൻ കഴിയും, അത് തുടർന്നും പ്രവർത്തിക്കും. ഈ രീതിയിൽ നിങ്ങൾ പേജിൽ പ്രതിസ്ഥാപിക്കുന്ന ഏതൊരു ഉള്ളടക്കത്തിലും ഇത് തടസ്സമാകുന്നില്ല.

05 of 05

വീഡിയോ ചേർക്കുന്നത് എങ്ങനെയാണ് അഡോബ് മ്യൂസിക് സിസിയിൽ ഒരു പേജ് പരിശോധിക്കുക

നിങ്ങൾ സൈറ്റ് അല്ലെങ്കിൽ പേജ് പരിശോധിക്കുമ്പോൾ നിങ്ങളുടെ വീഡിയോ പ്ലേ ചെയ്യുന്നു.

വീഡിയോകൾ പ്ലേ ചെയ്യുന്ന കോഡ് നിങ്ങൾ ചേർത്തിട്ടുണ്ടെങ്കിലും, ആ വീഡിയോകൾ എവിടെയൊക്കെയാണ് സ്ഥിതിചെയ്യുന്നത് എന്നതിന് മൂസിക്ക് ഒരു സൂചനയും ഇല്ല. ഇത് പരിഹരിക്കുന്നതിന്, ഫയൽ> അപ്ലോഡ് ചെയ്യാനുള്ള ഫയലുകൾ ചേർക്കുക തിരഞ്ഞെടുക്കുക. അപ്ലോഡ് ഡയലോഗ് ബോക്സ് നിങ്ങളുടെ വീഡിയോകൾ അടങ്ങുന്ന ഫോൾഡറിലേക്ക് നാവിഗേറ്റ് ചെയ്യുമ്പോൾ, അവ തിരഞ്ഞെടുത്ത്, തുറക്കുക ക്ലിക്കുചെയ്യുക. അവർ അപ്ലോഡുചെയ്തിട്ടുണ്ടെന്ന് ഉറപ്പുവരുത്തുന്നതിന്, അസറ്റുകൾ പാനൽ തുറന്ന് നിങ്ങൾ നിങ്ങളുടെ രണ്ട് വീഡിയോകൾ കാണും. അവ പാനലിൽ ഇടുക. അവർക്ക് പേജിൽ സ്ഥാനം നൽകേണ്ടതില്ല.

പ്രോജക്ട് പരിശോധിക്കുന്നതിനായി ഫയൽ> പ്രീഓവർ പേജ് ഇൻ ബ്രൌസർ തിരഞ്ഞെടുക്കുക അല്ലെങ്കിൽ ഇത് ഒരൊറ്റ പേജാണ്, ഫയൽ> പ്രിവ്യൂ സൈറ്റ് ഇൻ ബ്രൌസർ . നിങ്ങളുടെ സ്ഥിരസ്ഥിതി ബ്രൌസർ തുറക്കും, എന്റെ കേസിൽ ഒരു ഉഷ്ണമേഖലമായ മഴവെള്ളം - കളി തുടങ്ങും.

ഈ സമയത്ത്, നിങ്ങൾക്ക് മ്യൂസിക്ക് ഫയൽ ഒരു സാധാരണ വെബ് പേജായി കണക്കാക്കുകയും ഹോം പേജിലേക്ക് ഉള്ളടക്കം ചേർക്കുകയും വീഡിയോയ്ക്ക് ചുവടെ പ്രവർത്തിക്കുകയും ചെയ്യാം.

05/05

അഡോബ് മ്യൂസിക് സിസിയിൽ ഒരു വീഡിയോ പോസ്റ്റർ ഫ്രെയിം എങ്ങനെ ചേർക്കാം

ഏതൊരു വീഡിയോ പ്രോജക്റ്റിലും എല്ലായ്പ്പോഴും ഒരു പോസ്റ്റർ ഫ്രെയിം ചേർക്കുക.

ഞങ്ങൾ ഇവിടെ സംസാരിക്കുന്ന വെബയാണ്, കണക്ഷൻ വേഗത അനുസരിച്ച്, നിങ്ങളുടെ ഉപയോക്താവിന് പേജ് തുറക്കാനും വീഡിയോ ലോഡ് ചെയ്യുമ്പോൾ ഒരു ശൂന്യമായ സ്ക്രീനിൽ കാണാനും നല്ല അവസരമുണ്ട്. ഇത് ഒരു നല്ല കാര്യമല്ല. ഈ അൽപം ദുർവിനിയോഗം എങ്ങനെ കൈകാര്യം ചെയ്യാമെന്നത് ഇതാ.

വീഡിയോയുടെ ഒരു പോസ്റ്റർ ഫ്രെയിം ഉൾപ്പെടുത്തുന്നതിന് ഇത് "മികച്ച പരിശീലനം" ആണ്, വീഡിയോ ലോഡ് ചെയ്യുമ്പോൾ ദൃശ്യമാകും. ഇത് സാധാരണയായി വീഡിയോയിൽ നിന്നുള്ള ഒരു ഫ്രെയിമിന്റെ പൂർണ്ണ വലിപ്പത്തിലുള്ള സ്ക്രീൻ ഷോട്ട് ആണ്.

പോസ്റ്റർ ഫ്രെയിം ചേർക്കുന്നതിന്, ബ്രൗസറിൽ ഒരു പേജിന്റെ മുകളിലുള്ള ഒന്നിൽ ക്ലിക്കുചെയ്യുക. ചിത്രത്തിന്റെ ലിങ്ക് ക്ലിക്കുചെയ്ത് ഉപയോഗിക്കേണ്ട ഇമേജിലേക്ക് നാവിഗേറ്റുചെയ്യുക. അനുയോജ്യമായ സ്ഥലത്ത്, സ്ഥാനം പൂരിപ്പിച്ച് , സ്ഥല പ്രദേശത്തിലെ കേന്ദ്ര പോയിന്റിൽ ക്ലിക്കുചെയ്യുക. ബ്രൗസറിന്റെ വ്യൂപോർട്ട് വലുപ്പം മാറുന്ന സമയത്ത് ഇമേജിന്റെ കേന്ദ്രത്തിൽ നിന്ന് ഇമേജ് എല്ലായ്പ്പോഴും സ്കെയിൽ ചെയ്യും എന്ന് ഇത് ഉറപ്പാക്കും. ചിത്രം പൂരിപ്പിക്കുക എന്നതും നിങ്ങൾ കാണും.

പോസ്റ്റർ ഫ്രെയിം പ്രത്യക്ഷപ്പെടാൻ കുറച്ച് സമയമെടുക്കുമ്പോഴെങ്കിലും കുറഞ്ഞത് ഒരു സോളിഡ് വെളുത്ത നിറത്തിലുള്ള നിറം ഉണ്ടാകില്ല എന്നതാണ് മറ്റൊരു ചെറിയ ലക്ഷ്യം. ഇത് ചെയ്യുന്നതിന്, മ്യൂസിക് കളർ പിക്കർ തുറക്കാൻ കളർ ചിപ്പ് ക്ലിക് ചെയ്യുക. ചിത്രത്തിലെ കണ്ണികളുള്ള ഒരു ടൂൾ സെലക്ട് ചെയ്യുക. പൂർത്തിയാകുമ്പോൾ, ബ്രൗസർ ഫിൽ ഡയലോഗ് ബോക്സ് അടയ്ക്കുന്നതിന് പേജില് ക്ലിക് ചെയ്യുക.

ഈ സമയത്ത്, നിങ്ങൾക്ക് പ്രൊജക്റ്റ് സംരക്ഷിക്കാനോ പ്രസിദ്ധീകരിക്കാനോ കഴിയും.

ഒരു വെബ് പേജിന്റെ പശ്ചാത്തലത്തിൽ ഒരു വീഡിയോ സ്ലൈഡ് ചെയ്യുന്ന HTML5 കോഡ് എഴുതുന്നത് എങ്ങനെ എന്ന് ഈ പരമ്പരയുടെ അന്തിമഭാഗം കാണിച്ചുതരുന്നു.