ÔÚÒÆ¶¯»¥ÁªÍø¸ßËÙÉú³¤µÄ½ñÌ죬ÊÓÆµÄÚÈÝÒѳÉΪÐÅϢת´ïºÍÓû§ÓéÀÖµÄÖ÷ÒªÔØÌå¡£´Ó¶ÌÊÓÆµµ½Ö±²¥£¬ÔÙµ½ÆóÒµÅàѵÊÓÆµ£¬¸»ºñ¶à²ÊµÄÊÓÆµÄÚÈÝÒ»Ö±Ó¿ÏÖ¡£¶øÔÚÄÚÈÝ·ºÆðµÄÀú³ÌÖУ¬µ¯Ä»ÎÄ»¯Öð½¥³ÉΪÔöÇ¿Óû§»¥¶¯¡¢ÌáÉýԢĿÌåÑéµÄÊ¢Ðз½·¨¡£ÔõÑùÔÚÍøÕ¾ÉÏʵÏÖÒ»¿îÇáÓ¯¡¢¸ßЧ¡¢¹¦Ð§¸»ºñµÄµ¯Ä»ÊÓÆµ²¥·ÅÆ÷£¬³ÉΪÐí¶à¿ª·¢ÕߺÍÕ¾³¤µÄÅäºÏ×·Çó¡£
ÕâÀïÏòÄãÍÆ¼öÒ»¿îÃ÷ÐǼ¶µÄ¿ªÔ´²¥·ÅÆ÷¡ª¡ªDPlayer¡£
ʲôÊÇDPlayer£¿DPlayerÊÇÒ»¿î»ùÓÚHTML5µÄ¿ªÔ´µ¯Ä»ÊÓÆµ²¥·ÅÆ÷£¬ËüÒÀ¸½¡°ÇáÁ¿¼¶¡¢Ò×¼¯³É¡¢Ö§³Öµ¯Ä»»¥¶¯¡¢¸ß¶È¿É¶¨ÖÆ¡±µÈÓŵ㣬ѸËÙÓ®µÃÁË¿ª·¢ÕߺÍÓû§µÄϲ»¶¡£ÆðÔ´ÓÚGitHubµÄËü£¬½ÓÄÉ´¿Ç°¶ËÊÖÒÕ£¬ÎÞÐèÖØ´óµÄÉèÖü´¿É¿ìËÙ°²Åŵ½ÈκÎÍøÒ³ÖУ¬ÎªÓû§·ºÆð¸ßÇå¡¢Á÷ͨµÄÊÓÆµÌåÑé¡£
Óë¹Å°åµÄFlash²¥·ÅÆ÷²î±ð£¬DPlayerÍêÈ«»ùÓÚÏÖ´úä¯ÀÀÆ÷Ö§³ÖµÄHTML5ÊÖÒÕ£¬¼æÈÝÐÔ¼«Ç¿£¬Óû§Ö»ÐèÒ»Ðо«Á·µÄ´úÂ룬¼´¿ÉÔÚÍøÒ³ÖÐǶÈëÒ»¿î¹¦Ð§Ç¿Ê¢µÄµ¯Ä»ÊÓÆµ²¥·ÅÆ÷¡£
ÐÔÄÜÌåÏÖÓÅÒ죬ÌåÑ鼫¼Ñ×÷Ϊһ¿îÇáÁ¿¼¶²¥·ÅÆ÷£¬DPlayerÔÚÐÔÄÜÓÅ»¯·½ÃæÖ§¸¶ÁËÖØ´óÆð¾¢¡£Ëü³ä·ÖʹÓÃHTML5µÄÄÜÁ¦£¬Ö§³Ö¶àÖÖÖ÷Á÷ÃûÌõÄÊÓÆµ£¬°üÀ¨MP4¡¢WebMµÈ£¬È·±£²¥·Å¸ßÇåÄÚÈÝÎÞѹÁ¦¡£DPlayerµÄµ¯Ä»ÏµÍ³Ö§³Ö¶àÖÖµ¯Ä»ÀàÐÍ£¨¹öת¶¯Ä»¡¢¶¥²¿µ¯Ä»¡¢µ×²¿µ¯Ä»£©£¬Óû§¿ÉÒÔÆ¾Ö¤ÐèÒª×ÔÓɵ÷Àíµ¯Ä»µÄÑùʽ¡¢ËÙÂÊ¡¢ÑÕÉ«£¬ÉõÖÁ¿ÉÒÔ×Ô½ç˵µ¯Ä»×ÖÌ塢λÖá£
ÉçÇøÖ§³Ö¸»ºñ£¬¿ªÔ´Ð¢Ë³¶à¿ª·¢ÕßÉçÇøµÄÆð¾¢¼ÓÈëÈÃDPlayerÒ»Ö±µü´úÓÅ»¯£¬Ð¹¦Ð§Ò»Ö±¼ÓÈë¡£´ÓÊÓÆµÔ¤ÀÀ¡¢×ÖĻ֧³Ö£¬µ½¶àÊÓÆµÔÍÆÈ´»Óë×Ô½ç˵Ƥ·ô£¬ÖÖÖÖǿʢ¹¦Ð§¶¼ÔÚÒ»Ö±ÍêÉÆÖС£¸»ºñµÄ²å¼þºÍAPI½Ó¿ÚÉè¼Æ£¬Îª¿ª·¢ÕßÌṩÁ˼«´óµÄÎÞаÐÔ¡£²»¹ÜÄãÊÇСÎÒ˽¼ÒÕ¾³¤¡¢ÄÚÈÝ´´×÷Õߣ¬ÕվɯóÒµ¿ª·¢Õߣ¬¶¼¿ÉÒÔÆ¾Ö¤×Ô¼ºÐèÇ󣬶¨ÖƳö×îÊʺϵĵ¯Ä»²¥·ÅÆ÷¡£
³¡¾°Ó¦ÓÃÆÕ±é£¬ÊÊÅäÐÔÇ¿ÎÞÂÛÊÇСÎÒ˽¼Ò²©¿Í¡¢ÊÓÆµ·ÖÏíÍøÕ¾¡¢ÔÚÏß½ÌÓýƽ̨£¬ÕվɵçÉ̲úÆ·µÄÍÆ¹ãÒ³£¬DPlayer¶¼ÄÜÍêÉÆÊÊÅä¡£ËüÖ§³Ö¿íÆÁÈ«ÆÁģʽ£¬ÏìӦʽ½á¹¹ÈÃÊÖ»ú¡¢Æ½°å¡¢PC¶Ë¶¼ÄÜÎÞ·ìÌåÑé¡£Á¬Ïµµ¯Ä»¹¦Ð§£¬²»µ«¿ÉÒÔÔöÇ¿¹ÛÖÚµÄÁô´æÂÊ£¬»¹ÄÜÌá¸ßÓû§Õ³ÐÔ¡£ÀýÈ磬½Ìѧƽ̨ǶÈëDPlayerºó£¬Ñ§Éú¿ÉÒÔʵʱ½ÒÏþµ¯Ä»£¬ÌÖÂÛ»¥¶¯£¬¼«´óÌáÉý¿ÎÌÃÆø·Õ£»Ö±²¥ÍøÕ¾¼¯³Éµ¯Ä»£¬ÈùÛÖÚºÍÖ÷²¥µÄ»¥¶¯±äµÃ¸ü×ÔÈ»¡¢¸üʵʱ¡£
¶àÓïÑÔ¡¢¶àÖ÷ÌâÖ§³Ö£¬¸öÐÔ»¯¶¨ÖƸüËæÐÄDPlayerÌṩ¶àÓïÑÔ½çÃæ£¬ÈÃÈ«ÇòÓû§¶¼ÄÜÀû±ãʹÓá£ËüÖ§³Ö¶àÖÖÖ÷ÌâÆ¤·ô£¬Óû§¿ÉÒÔÆ¾Ö¤ÍøÒ³Æø¸Å¶¨ÖƲ¥·ÅÆ÷Íâ¹Û£¬´Ó¶øÓëÕûÌåÉè¼ÆÈÚΪһÌ壬ÔöÇ¿Æ·ÅÆÊ¶±ð¶È¡£ÄãÉõÖÁ¿ÉÒÔÆ¾Ö¤³¡¾°ÐèÒª£¬¼ÓÈë×Ô¼ºÉè¼ÆµÄµ¯Ä»Ñùʽ»ò¶¯»Ð§¹û£¬Ê¹²¥·ÅÆ÷¸¶ÓëÆæÒì¸öÐÔ£¬ÈÃÿһ´Î²¥·Å¶¼³ÉΪÊÓ¾õÊ¢Ñç¡£
´¿HTML5ʵÏÖ£¬¼æÈÝËùÓÐÏÖ´úä¯ÀÀÆ÷£¬ÎÞÐèÌØÊâ²å¼þÖ§³Ö¶àÖÖÊÓÆµÃûÌ㬲¥·Å¸ßÇåÊÓÆµºÁÎÞѹÁ¦µ¯Ä»Ö§³Ö¶àÑùÀàÐÍ£¬¿É×Ô½ç˵ÑùʽÓëλÖýçÃæ¾«Á·£¬¼¯³É¿ìËÙ£¬±ãÓÚ¶þ´Î¿ª·¢¿ªÔ´Ãâ·Ñ£¬ÉçÇøÖ§³Ö»îÔ¾£¬Ò»Á¬¸üÐÂÓÅ»¯
×ܽáÀ´Ëµ£¬DPlayerÊÇÒ»¿î¼æ¾ßǿʢ¹¦Ð§ÓëÇáÁ¿¼¶ÐÔÄܵÄÍøÒ³µ¯Ä»²¥·ÅÆ÷£¬ËüÄܰïÄãÇáËÉʵÏÖÊÓÆµÄÚÈݵÄÖÜÈ«»¥¶¯£¬´òÔì³öÁîÈËÏßÈËһеÄÓû§ÌåÑé¡£ÎÞÂÛÄãÊÇÏëÔöÌíÄÚÈÝ»¥¶¯£¬ÕÕ¾ÉÌáÉýÍøÕ¾¿Æ¼¼¸Ð£¬DPlayer¶¼¿ÉÒÔ³ÉΪÄã×îÖµµÃÒÀÀµµÄÑ¡Ôñ¡£ÏÂÒ»²½£¬ÔÛÃÇÀ´¿´Ðí¶àÀֳɰ¸ÀýºÍ¶¨ÖƼ¼ÇÉ£¬´øÄãÍæ×ªDPlayer£¬ÈÃÄãµÄÍøÒ³ÊÓÆµ»À·¢ÎÞÏÞ¿ÉÄÜ¡£
ÔÚǰһ²¿·ÖÖУ¬ÎÒÃÇÉîÈëÏàʶÁËDPlayerµÄ½¹µãÓÅÊÆÓë»ù±¾¹¦Ð§¡£ÈÃÎÒÃǹØ×¢ÔõÑùʵÏÖ¸öÐÔ»¯¶¨ÖÆ£¬½â¾öÏÖʵӦÓÃÖеÄÄÑÌ⣬ÒÔ¼°ÔõÑùʹÓÃDPlayer´´Á¢³öÁîÈ˾ªÑ޵Ļ¥¶¯³¡¾°¡£
Ò»¡¢ÇáËɼ¯³É£¬ÊµÏÖÎÞ·ì¶Ô½ÓÎÞÂÛÄãµÄÍøÒ³Ê¹ÓÃʲôºǫ́ÊÖÒÕ£¬DPlayer¶¼ÄÜʵÏÖÒ»¼üǶÈë¡£Ö»Ðè¼òÆÓ¼¸ÐÐHTML´úÂ룬¼ÓÉϼ¸ÐÐJavaScriptÉèÖã¬Äã±ã¿ÉÒÔÔÚÍøÒ³ÉÏ¿ìËÙ°²ÅŲ¥·ÅÆ÷¡£ÀýÈ磬¼ÓÈë»ù´¡µÄÊÓÆµ²¥·Å£¬Ö»ÐèÒ»¶Î¼òÆÓ´úÂ룺
constdp=newDPlayer({container:document.getElementById('dplayer'),video:{url:'your-video.mp4',},danmaku:true,//¿ªÆôµ¯Ä»});
ÕâÑùµÄ´úÂë¼òÆÓÃ÷Îú£¬ÊÊÅäÐÔ¼«Ç¿¡£Äã¿ÉÒÔÁ¬ÏµReact¡¢Vue¡¢AngularµÈǰ¶Ë¿ò¼Ü£¬ÎÞаʹÓÃDPlayerµÄAPI£¬ÊµÏÖÖØ´óµÄ½»»¥Âß¼»ò¶à³¡¾°Çл»¡£
¶þ¡¢¶àÑùµ¯Ä»»¥¶¯£¬Íæ³öÐÂÃûÌõ¯Ä»×Ô¼ºÊÇÒ»ÖÖ»¥¶¯µÄÐËȤ¡£DPlayer²»µ«Ö§³Ö»ù±¾µÄ¹öת¶¯Ä»£¬»¹ÃãÀøÓû§×ÔÐÐÐû²¼µ¯Ä»¡£Äã¿ÉÒÔÉèÖõ¯Ä»µÄÏÔʾʱ¼ä¡¢×ÖÌå¾Þϸ¡¢ÑÕÉ«£¬»¹ÄÜÒýÈ붯»Ð§¹û£¬ÖÆ×÷ìÅ¿áµÄµ¯Ä»Á÷¡£ºÃ±ÈÁ¬ÏµÖ±²¥»ò¿Î³ÌÌÖÂÛ³¡¾°£¬Óû§¿ÉÒÔʵʱÌá³öÎÊÌâ»ò̸ÂÛ£¬µ¯Ä»ÐÅÏ¢ÂíÉÏÕ¹ÏÖÔÚÊÓÆµÉÏ£¬ÓªÔìÌÕ×íʽÌåÑé¡£
DPlayerÖ§³Öµ¯Ä»¹ýÂË¡¢ÆÁÕÏÒªº¦´Ê£¬°ü¹Ü½»Á÷ÇéÐεÄе÷¡£Ä㻹¿ÉÒÔͨʺǫ́ÖÎÀíϵͳ£¬¿ØÖƵ¯Ä»µÄµ¯³öƵÂÊ¡¢ÏÔʾÊýÄ¿£¬È·±£Ò³Ãæ²»»áÓÉÓÚµ¯Ä»¹ý¶à¶ø¿¨¶Ù¡£Ê¹ÓÃÕâһϵÁй¦Ð§£¬Äã¿ÉÒÔ´òÔì¾ßÓиßÕ³ÐԵĻ¥¶¯³¡¾°£¬Ç¿»¯Óû§Õ³ÐÔ¡£
Èý¡¢¸ß¶È¿É¶¨ÖƵÄUIÉè¼Æ£¬´òÔìΨһÎÞ¶þµÄä¯ÀÀÌåÑéÎÞаµÄUI¶¨ÖÆ£¬ÎªÄãÌṩÎÞÏÞ¿ÉÄÜ¡£ÎÞÂÛÊǵ÷½â²¥·ÅÆ÷Åä¾°¡¢°´Å¥Ñùʽ£¬Õվɵ¯Ä»Ñùʽ£¬ËùÓпÉÒÔÓÃCSSʵÏÖ¡£DPlayerµÄAPIÒ²Ìṩ¸»ºñµÄ¹³×Ó£¬ÔÊÐíÄãÔÚÌØ¶¨ÊÂÎñ´¥·¢Ê±µ¯³ö×Ô½ç˵½çÃæ¡£ÀýÈ磬Äã¿ÉÒÔÔÚÊÓÆµ²¥·Å¿¢Êº󣬵¯³öÐ»Ð»Ò³Ãæ»òÖ¸µ¼Óû§¹Ø×¢¹«Öںš£
²»ÉÙ¿ª·¢ÕßʹÓÃDPlayerÔÉúµÄƤ·ô»úÖÆ£¬ÖÆ×÷ÁËÖÖÖÖÆø¸ÅÖ÷Ì⣬´ÓδÀ´¿Æ¼¼¸ÐÓ¦¸´¹Å»³¾É£¬Ó¦Óо¡ÓС£Ä㻹¿ÉÒÔÁ¬ÏµSVG¡¢CanvasµÈÊÖÒÕ£¬Îªµ¯Ä»Éè¼Æìſᶯ»Ð§¹û£¬Ë²¼äÈÃÄãµÄÍøÒ³³ÉΪÊÓ¾õ½¹µã¡£
ËÄ¡¢À©Õ¹²å¼þ£¬µãÁÁ¸ü¶à¹¦Ð§DPlayerµÄǿʢ֮´¦»¹ÔÚÓÚÆäÀ©Õ¹ÐÔ¡£Ðí¶àµÚÈý·½²å¼þÈç¸è´Êͬ²½¡¢¶àÉãÏñÍ·Ö§³Ö¡¢ÊÓÆµÆ¬¶ÏÇл»¡¢µ¯Ä»Õ䲨µÈ£¬¶¼¿ÉÒÔÀû±ã½ÓÈë¡£ºÃ±È£¬Äã¿ÉÒÔÒýÈë×ÖÄ»²å¼þ£¬ÈÃÊÓÆµ´øÓжàÓïÖÖ×ÖÄ»£»»òÕß¼ÓÈë¼ÆÁ¹¦Ð§£¬Èõ¯Ä»ÄÚÈÝ´æµµ¡¢·ÖÏí¡£ÕâЩ¶¼´ó´ó¸»ºñÁ˲¥·ÅÆ÷µÄÓ¦Óó¡¾°¡£
Îå¡¢ÅäºÏºó¶Ë£¬ÊµÏÖ¶àÔ´¡¢¶àÑùµÄÄÚÈÝÖÎÀíËäÈ»DPlayer×Ô¼ºÊÇǰ¶Ë×é¼þ£¬µ«ÅäºÏºó¶ËʹÓ㬿ÉÒÔʵÏÖ¸üÖØ´óµÄÄÚÈÝÖÎÀí¡£ºÃ±È£¬Ê¹ÓÃÊý¾Ý¿â´æ´¢µ¯Ä»ÐÅÏ¢£¬ÊµÏÖµ¯Ä»µÄ³¤ÆÚ»¯£»»òÕßÁ¬ÏµÔÆ´æ´¢£¬ÊµÏÖÊÓÆµÆ¬¶ÏµÄ¶¯Ì¬¼ÓÔØºÍÔÚÏß²¥·Å¡£Í¨¹ýAPI½Ó¿Ú£¬Ä㻹ÄÜʵÏÖÓû§Æ·¼¶¡¢µ¯Ä»ÉóºË¡¢Êý¾Ýͳ¼ÆµÈ¹¦Ð§£¬ÌáÉýÕûϵһÇгÉÊì¶È¡£
δÀ´£¬Ëæ×ÅWebÊÖÒÕµÄÒ»Á¬Ë¢Ð£¬DPlayer»¹½«ÒýÈëAIʶ±ð¡¢ÖÇÄÜÍÆ¼öµÈй¦Ð§£¬´øÀ´¸üÖÇÄÜ¡¢¸üÈËÐÔ»¯µÄÌåÑé¡£ÄãÏë´òÔìÒ»¸ö»¥¶¯ÐÔ¼«Ç¿µÄѧϰƽ̨£¿»òÕßÒ»³¡ÌÕ×íʽµÄÏßÉÏÑݳª»á£¿DPlayer¶¼ÄܰïÄãʵÏÖ£¬ÈÃÓû§ÔÚÏíÊܸßÇåÊÓÆµµÄÁ÷Á¬Íü·µ¡£
×ܽáDPlayerµÄ·ºÆð£¬³¹µ×¸Ä±äÁËÍøÒ³ÊÓÆµµÄ»¥¶¯ÃûÌá£ËüÒÔÆäÇáÁ¿¡¢Ò×Óᢶ๦Ч¡¢Ç¿À©Õ¹µÄÓÅÊÆ£¬Ó®µÃÁË¿í´ó¿ª·¢ÕߺÍÓû§µÄÈϿɡ£Î´À´£¬Ëæ×ÅÊÖÒպͳ¡¾°µÄÒ»Ö±ÍØÕ¹£¬DPlayer±Ø½«ÈÚÈë¸ü¶àÁ¢ÒìÔªËØ£¬ÖúÁ¦ÄãÇáËÉ´òÔ켫¾ßÌØÉ«µÄÍøÒ³ÊÓÆµÌìÏ¡£
Õâ¾ÍÊÇÎÒ¶ÔDPlayerµÄÉî¶ÈÆÊÎö¡ª¡ªÒ»¿î¿ÉÒÔÈÃÄãµÄÍøÒ³ÊÓÆµ¸ü¡°ÓÐȤ¡±¡°¸ÐÈË¡±µÄÉñÆ÷¡£ÓÃËü£¬ÎÞÂÛÄãÊÇСÎÒ˽¼Ò²©Ö÷¡¢ÄÚÈÝ´´×÷Õߣ¬ÕÕ¾ÉÊÖÒÕ¿ª·¢Õߣ¬¶¼¿ÉÒÔÇáËÉʵÏÖÃÎÏ룬¿ªÆôÊôÓÚÄãµÄÄÚÈÝмÍÔª¡£