HTML MediaElement で NightCore する😎
3634 ワード
TL;DR
(function()
{
const media = document.getElementsByTagName("video")[0];
media.mozPreservesPitch = false;
media.playbackRate = 1.2;
})()
動機
(function()
{
const media = document.getElementsByTagName("video")[0];
media.mozPreservesPitch = false;
media.playbackRate = 1.2;
})()
昨今は、Youtubeなど大抵の動画サイトでは再生速度を調節する機能がついています。
しかしながら、これらの再生速度を変更すると、ピッチが自動で修正(見かけ上?…聴きかけ上?変わらないように)されてしまいます。
普通の動画であれば、この挙動の方がありがたいのですが、聞き慣れた音楽をピッチを維持って聞きたい時があります。
そうですNightCore
です。
対応ブラウザについて
Firefoxで検証しました。
MDNのドキュメントを見る限りSafari(Webkit)でもサポートされているようです。この場合、Prefixがmoz
ではなくwebkit
になります。
ChromeではPrefixのつかないプロパティが実装されている的なことが書いてあったのですが、Prefix版でもそうでない版でも定義されていませんでした。🤔
ブックマークレット
javascript:
(function(){
if(confirm("night core?")) document.getElementsByTagName("video")[0].mozPreservesPitch = false;
document.getElementsByTagName("video")[0].playbackRate=parseFloat( prompt("speed", "1.8"));
})()
javascript:
(function(){
if(confirm("night core?")) document.getElementsByTagName("video")[0].mozPreservesPitch = false;
document.getElementsByTagName("video")[0].playbackRate=parseFloat( prompt("speed", "1.8"));
})()
参考
ナイトコア(Wikipedia)
HTMLMediaElement(MDN)
HTMLMediaElement.preservesPitch(Chrome Platform Status)
Author And Source
この問題について(HTML MediaElement で NightCore する😎), 我々は、より多くの情報をここで見つけました https://qiita.com/up-hash/items/a9e5d7947e6ed3167c44著者帰属:元の著者の情報は、元のURLに含まれています。著作権は原作者に属する。
Content is automatically searched and collected through network algorithms . If there is a violation . Please contact us . We will adjust (correct author information ,or delete content ) as soon as possible .